在指令碼中建立圖表的進入點。
本例會建立基本資料表、將資料填入區域圖並將其加入 以圖片形式將內容轉為網頁中：
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()
newBarChart()
newColumnChart()
newDataTable()
newDataViewDefinition()
建立新的資料檢視定義。
使用 setter 定義資料檢視的不同屬性。
回攻員
DataViewDefinitionBuilder — DataViewDefinitionBuilder，可用來建立資料檢視定義。