本頁面由 Cloud Translation API 翻譯而成。

Class Charts

在指令碼中建立圖表的進入點。

本例會建立基本資料表、將資料填入區域圖並將其加入以圖片形式將內容轉為網頁中：

function doGet() {
  var 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();

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

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

屬性

屬性	類型	說明
`ChartHiddenDimensionStrategy`	`ChartHiddenDimensionStrategy`	列舉說明來源中的隱藏維度如何以圖表表示。
`ChartMergeStrategy`	`ChartMergeStrategy`	以列舉方式呈現來源中的多個範圍如何在圖表中表示。
`ChartType`	`ChartType`	圖表服務支援的圖表類型列舉。
`ColumnType`	`ColumnType`	列舉 `DataTable` 中資料欄的有效資料類型。
`CurveStyle`	`CurveStyle`	列舉圖表中曲線的樣式。
`PointStyle`	`PointStyle`	列舉線條中點的樣式。
`Position`	`Position`	列舉圖表中的圖例位置。

方法

方法	傳回類型	簡短說明
`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 — 散佈圖，用於建立散佈圖。

`newTableChart()`

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

回攻員

TableChartBuilder — TableChartBuilder，可用來建立表格圖。

`newTextStyle()`

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

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

回攻員

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