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列舉來源中多個範圍在圖表中如何表示。
ChartTypeChartType列舉圖表服務支援的圖表類型。
ColumnTypeColumnType列舉 DataTable 中資料欄的有效資料類型。
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：圓餅圖建構工具，可用於建立圓餅圖。

newScatterChart()

開始建構散布圖，如 Google 圖表工具說明文件所述。

回攻員

ScatterChartBuilder：ScatterChartBuilder，可用於建立散布圖。

newTableChart()

開始建立表格圖表，如 Google 圖表工具說明文件所述。

回攻員

TableChartBuilder：TableChartBuilder，可用於建立表格圖表。

newTextStyle()

建立新的文字樣式建構工具。

如要變更預設值，請使用 setter 函式。

回攻員

TextStyleBuilder：TextStyleBuilder，可用於建構文字樣式設定物件。