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圖表服務支援的圖表類型列舉。
ColumnTypeColumnTypeDataTable 中資料欄的有效資料類型列舉。
CurveStyleCurveStyle圖表中曲線樣式的列舉。
PointStylePointStyle列舉線條中點的樣式。
PositionPosition圖表中的圖例位置列舉。

方法

方法傳回類型簡短說明
newAreaChart()AreaChartBuilder如要開始建構面積圖，請參閱 Google Chart Tools 說明文件。
newBarChart()BarChartBuilder按照 Google Chart Tools 說明文件中的步驟，開始建構長條圖。
newColumnChart()ColumnChartBuilder按照 Google Chart Tools 說明文件中的步驟，開始建立柱狀圖。
newDataTable()DataTableBuilder建立空白資料表，可手動設定值。
newDataViewDefinition()DataViewDefinitionBuilder建立新的資料檢視定義。
newLineChart()LineChartBuilder按照 Google Chart Tools 說明文件中的步驟，開始建構折線圖。
newPieChart()PieChartBuilder開始建構圓餅圖，詳情請參閱 Google Chart Tools 說明文件。
newScatterChart()ScatterChartBuilder如要開始建構散布圖，請參閱 Google Chart Tools 說明文件。
newTableChart()TableChartBuilder按照 Google Chart Tools 說明文件中的步驟，開始建構表格圖表。
newTextStyle()TextStyleBuilder建立新的文字樣式建構工具。

內容詳盡的說明文件

newAreaChart()

如要開始建構面積圖，請參閱 Google Chart Tools 說明文件。

回攻員

AreaChartBuilder - AreaChartBuilder，可用於建構面積圖。

newBarChart()

按照 Google Chart Tools 說明文件中的步驟，開始建構長條圖。

回攻員

BarChartBuilder - BarChartBuilder，可用於建構長條圖。

newColumnChart()

按照 Google Chart Tools 說明文件中的步驟，開始建立柱狀圖。

回攻員

ColumnChartBuilder：ColumnChartBuilder，可用於建構柱狀圖。

newDataTable()

建立空白資料表，可手動設定值。

資料表會保存所有圖表類型的資料。

回攻員

DataTableBuilder - DataTableBuilder，可保存圖表資料。

newDataViewDefinition()

建立新的資料檢視定義。

使用設定器定義資料檢視的不同屬性。

回攻員

DataViewDefinitionBuilder - DataViewDefinitionBuilder，可用於建構資料檢視定義。

newLineChart()

按照 Google Chart Tools 說明文件中的步驟，開始建構折線圖。

回攻員

LineChartBuilder：LineChartBuilder，可用於建構折線圖。

newPieChart()

開始建構圓餅圖，詳情請參閱 Google Chart Tools 說明文件。

回攻員

PieChartBuilder - PieChartBuilder，可用於建構圓餅圖。

newScatterChart()

如要開始建構散布圖，請參閱 Google Chart Tools 說明文件。

回攻員

ScatterChartBuilder - ScatterChartBuilder，可用於建構散布圖。

newTableChart()

按照 Google Chart Tools 說明文件中的步驟，開始建構表格圖表。

回攻員

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

newTextStyle()

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

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

回攻員

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