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;
}

プロパティ

プロパティ	タイプ	説明
ChartHiddenDimensionStrategy	ChartHiddenDimensionStrategy	ソースの非表示ディメンションがグラフでどのように表現されるかの列挙型。
ChartMergeStrategy	ChartMergeStrategy	ソース内の複数の範囲がグラフでどのように表現されるかの列挙。
ChartType	ChartType	Charts サービスでサポートされているグラフの種類の列挙。
ColumnType	ColumnType	DataTable の列の有効なデータ型の列挙。
CurveStyle	CurveStyle	グラフの曲線のスタイルの列挙。
PointStyle	PointStyle	線内のポイントのスタイルの列挙。
Position	Position	グラフ内の凡例の位置の列挙型。

メソッド

メソッド	戻り値の型	概要
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。