Class ColumnChartBuilder

柱状图的构建器。如需了解详情，请参阅 Google 图表文档。

此示例展示了如何使用数据表中的数据创建柱形图。

const sampleData = Charts.newDataTable()
                       .addColumn(Charts.ColumnType.STRING, 'Year')
                       .addColumn(Charts.ColumnType.NUMBER, 'Sales')
                       .addColumn(Charts.ColumnType.NUMBER, 'Expenses')
                       .addRow(['2004', 1000, 400])
                       .addRow(['2005', 1170, 460])
                       .addRow(['2006', 660, 1120])
                       .addRow(['2007', 1030, 540])
                       .addRow(['2008', 800, 600])
                       .addRow(['2009', 943, 678])
                       .addRow(['2010', 1020, 550])
                       .addRow(['2011', 910, 700])
                       .addRow(['2012', 1230, 840])
                       .build();

const chart = Charts.newColumnChart()
                  .setTitle('Sales & Expenses')
                  .setXAxisTitle('Year')
                  .setYAxisTitle('Amount (USD)')
                  .setDimensions(600, 500)
                  .setDataTable(sampleData)
                  .build();

方法

方法	返回类型	简介
`build()`	`Chart`	构建图表。
`reverseCategories()`	`ColumnChartBuilder`	反转网域轴中序列的绘制顺序。
`setBackgroundColor(cssValue)`	`ColumnChartBuilder`	设置图表的背景颜色。
`setColors(cssValues)`	`ColumnChartBuilder`	设置图表中线条的颜色。
`setDataSourceUrl(url)`	`ColumnChartBuilder`	设置用于从外部来源（例如 Google 表格）提取数据的数据源网址。
`setDataTable(tableBuilder)`	`ColumnChartBuilder`	使用 DataTableBuilder 设置图表要使用的数据表。
`setDataTable(table)`	`ColumnChartBuilder`	设置包含图表线条以及 X 轴标签的数据表。
`setDataViewDefinition(dataViewDefinition)`	`ColumnChartBuilder`	设置要用于图表的数据视图定义。
`setDimensions(width, height)`	`ColumnChartBuilder`	设置图表的尺寸。
`setLegendPosition(position)`	`ColumnChartBuilder`	设置图例相对于图表的位置。
`setLegendTextStyle(textStyle)`	`ColumnChartBuilder`	设置图表图例的文字样式。
`setOption(option, value)`	`ColumnChartBuilder`	为此图表设置高级选项。
`setRange(start, end)`	`ColumnChartBuilder`	设置图表的范围。
`setStacked()`	`ColumnChartBuilder`	使用堆叠折线，这意味着折线和条形值是堆叠（累积）的。
`setTitle(chartTitle)`	`ColumnChartBuilder`	设置图表的标题。
`setTitleTextStyle(textStyle)`	`ColumnChartBuilder`	设置图表标题的文字样式。
`setXAxisTextStyle(textStyle)`	`ColumnChartBuilder`	设置横轴文本样式。
`setXAxisTitle(title)`	`ColumnChartBuilder`	为横轴添加标题。
`setXAxisTitleTextStyle(textStyle)`	`ColumnChartBuilder`	设置横轴标题文本样式。
`setYAxisTextStyle(textStyle)`	`ColumnChartBuilder`	设置纵轴文本样式。
`setYAxisTitle(title)`	`ColumnChartBuilder`	为纵轴添加标题。
`setYAxisTitleTextStyle(textStyle)`	`ColumnChartBuilder`	设置纵轴标题文本样式。
`useLogScale()`	`ColumnChartBuilder`	将范围轴设置为对数刻度（要求所有值均为正数）。

详细文档

`build()`

构建图表。

Chart - 图表对象，可嵌入到文档、界面元素中，或用作静态图片。

`reverseCategories()`

反转网域轴中序列的绘制顺序。对于垂直范围图表（例如折线图、面积图或柱状图），这意味着水平轴是从右向左绘制的。对于水平范围图表（例如条形图），这意味着垂直轴是从上到下绘制的。对于饼图，这意味着扇形是按逆时针方向绘制的。

// Creates a pie chart builder and sets drawing of the slices in a
// counter-clockwise manner.
const builder = Charts.newPieChart();
builder.reverseCategories();