Class Charts

图表

在脚本中创建图表的入口点。

以下示例创建了一个基本的数据表格,并使用数据填充了面积图,然后将其作为图片添加到网页中:

function doGet() {
  const data = Charts.newDataTable()
                   .addColumn(Charts.ColumnType.STRING, 'Month')
                   .addColumn(Charts.ColumnType.NUMBER, 'In Store')
                   .addColumn(Charts.ColumnType.NUMBER, 'Online')
                   .addRow(['January', 10, 1])
                   .addRow(['February', 12, 1])
                   .addRow(['March', 20, 2])
                   .addRow(['April', 25, 3])
                   .addRow(['May', 30, 4])
                   .build();

  const chart = Charts.newAreaChart()
                    .setDataTable(data)
                    .setStacked()
                    .setRange(0, 40)
                    .setTitle('Sales per Month')
                    .build();

  const htmlOutput = HtmlService.createHtmlOutput().setTitle('My Chart');
  const imageData = Utilities.base64Encode(chart.getAs('image/png').getBytes());
  const imageUrl = `data:image/png;base64,${encodeURI(imageData)}`;
  htmlOutput.append('Render chart server side: <br/>');
  htmlOutput.append(`<img border="1" src="${imageUrl}">`);
  return htmlOutput;
}

属性

属性类型说明
ChartHiddenDimensionStrategyChartHiddenDimensionStrategy枚举了来源中隐藏维度在图表中的表示方式。
ChartMergeStrategyChartMergeStrategy枚举了来源中多个范围在图表中的表示方式。
ChartTypeChartTypeCharts 服务支持的图表类型的枚举。
ColumnTypeColumnTypeDataTable 中列的有效数据类型的枚举。
CurveStyleCurveStyle图表中曲线的样式枚举。
PointStylePointStyle线条中点的样式的枚举。
PositionPosition图表中图例位置的枚举。

方法

方法返回类型简介
newAreaChart()AreaChartBuilder开始构建面积图,如 Google 图表工具文档中所述。
newBarChart()BarChartBuilder开始构建条形图,如 Google 图表工具文档中所述。
newColumnChart()ColumnChartBuilder开始构建柱形图,如 Google 图表工具文档中所述。
newDataTable()DataTableBuilder创建一个空数据表,其值可以手动设置。
newDataViewDefinition()DataViewDefinitionBuilder创建新的“数据视图”定义。
newLineChart()LineChartBuilder开始构建折线图,如 Google 图表工具文档中所述。
newPieChart()PieChartBuilder开始构建饼图,如 Google 图表工具文档中所述。
newScatterChart()ScatterChartBuilder开始构建散点图,如 Google 图表工具文档中所述。
newTableChart()TableChartBuilder开始构建表格图表,如 Google 图表工具文档中所述。
newTextStyle()TextStyleBuilder创建新的文本样式构建器。

详细文档

newAreaChart()

开始构建面积图,如 Google 图表工具文档中所述。

返回

AreaChartBuilder - AreaChartBuilder,可用于构建面积图。


newBarChart()

开始构建条形图,如 Google 图表工具文档中所述。

返回

BarChartBuilder - BarChartBuilder,可用于构建条形图。


newColumnChart()

开始构建柱形图,如 Google 图表工具文档中所述。

返回

ColumnChartBuilder - ColumnChartBuilder,可用于构建柱形图。


newDataTable()

创建一个空数据表,其值可以手动设置。

数据表格用于存储所有图表类型的数据。

返回

DataTableBuilder - 一个 DataTableBuilder,可存储图表的数据。


newDataViewDefinition()

创建新的“数据视图”定义。

使用 setter 定义数据视图的不同属性。

返回

DataViewDefinitionBuilder - DataViewDefinitionBuilder,可用于构建数据视图定义。


newLineChart()

开始构建折线图,如 Google 图表工具文档中所述。

返回

LineChartBuilder - LineChartBuilder,可用于构建折线图。


newPieChart()

开始构建饼图,如 Google 图表工具文档中所述。

返回

PieChartBuilder - PieChartBuilder,可用于构建饼图。


newScatterChart()

开始构建散点图,如 Google 图表工具文档中所述。

返回

ScatterChartBuilder - 一个 ScatterChartBuilder,可用于构建散点图。


newTableChart()

开始构建表格图表,如 Google 图表工具文档中所述。

返回

TableChartBuilder - TableChartBuilder,可用于构建表格图表。


newTextStyle()

创建新的文本样式构建器。

如需更改默认值,请使用 setter 函数。

返回

TextStyleBuilder - TextStyleBuilder,可用于构建文本样式配置对象。