在指令碼中建立圖表的進入點。
以下範例會建立基本資料表、將資料填入面積圖，並新增至網頁做為圖片：
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，可用於建立資料檢視定義。