このページは Cloud Translation API によって翻訳されました。

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 グラフツールのドキュメントの説明に沿って、面グラフの作成を開始します。
`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()`

新しいデータビュー定義を作成します。

データビューのさまざまなプロパティを定義するには、セッターを使用します。

戻る

DataViewDefinitionBuilder - データビュー定義の作成に使用できる DataViewDefinitionBuilder。

`newLineChart()`

Google グラフツールのドキュメントに記載されているように、折れ線グラフの作成を開始します。

戻る

LineChartBuilder - 折れ線グラフの作成に使用できる LineChartBuilder。

`newPieChart()`

Google グラフツールのドキュメントの説明に沿って、円グラフの作成を開始します。

戻る

PieChartBuilder - 円グラフの作成に使用できる PieChartBuilder。

`newScatterChart()`

Google グラフツールのドキュメントに記載されているように、散布図の作成を開始します。

戻る

ScatterChartBuilder - 散布図の作成に使用できる ScatterChartBuilder。

`newTableChart()`

Google グラフツールのドキュメントの説明に沿って、表グラフの作成を開始します。

戻る

TableChartBuilder - 表グラフの作成に使用できる TableChartBuilder。

`newTextStyle()`

新しいテキストスタイルビルダーを作成します。

デフォルト値を変更するには、セッター関数を使用します。

戻る

TextStyleBuilder - テキストスタイルの構成オブジェクトの作成に使用できる TextStyleBuilder。