このページは 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`	Charts サービスでサポートされているグラフタイプの列挙型。
`ColumnType`	`ColumnType`	`DataTable` 内の列の有効なデータ型の列挙型。
`CurveStyle`	`CurveStyle`	グラフ内の曲線スタイルの列挙。
`PointStyle`	`PointStyle`	線内の点のスタイルの列挙。
`Position`	`Position`	グラフ内の凡例の位置を列挙したものです。

メソッド

メソッド	戻り値の型	概要
`newAreaChart()`	`AreaChartBuilder`	Google Chart の説明に沿って面グラフの作成を開始します。ツールのドキュメントをご覧ください。
`newBarChart()`	`BarChartBuilder`	Google Chart の説明に沿って棒グラフの作成を開始します。ツールのドキュメントをご覧ください。
`newColumnChart()`	`ColumnChartBuilder`	Google グラフで説明されているように、縦棒グラフの作成を開始します。ツールのドキュメントをご覧ください。
`newDataTable()`	`DataTableBuilder`	値を手動で設定できる空のデータテーブルを作成します。
`newDataViewDefinition()`	`DataViewDefinitionBuilder`	新しいデータビュー定義を作成します。
`newLineChart()`	`LineChartBuilder`	Google グラフに沿って折れ線グラフの作成を開始します。ツールのドキュメントをご覧ください。
`newPieChart()`	`PieChartBuilder`	Google Chart の説明に沿って円グラフの作成を開始します。ツールのドキュメントをご覧ください。
`newScatterChart()`	`ScatterChartBuilder`	Google グラフの説明に沿って散布図の作成を開始します。ツールのドキュメントをご覧ください。
`newTableChart()`	`TableChartBuilder`	Google Chart の説明に沿って表グラフの作成を開始します。ツールのドキュメントをご覧ください。
`newTextStyle()`	`TextStyleBuilder`	新しいテキストスタイルビルダーを作成します。

詳細なドキュメント

`newAreaChart()`

Google Chart の説明に沿って面グラフの作成を開始します。ツールのドキュメントをご覧ください。

戻る

AreaChartBuilder - 面グラフの作成に使用できる AreaChartBuilder。

`newBarChart()`

Google Chart の説明に沿って棒グラフの作成を開始します。ツールのドキュメントをご覧ください。

戻る

BarChartBuilder - 棒グラフの作成に使用できる BarChartBuilder。

`newColumnChart()`

Google グラフで説明されているように、縦棒グラフの作成を開始します。ツールのドキュメントをご覧ください。

戻る

ColumnChartBuilder — 縦棒グラフの作成に使用できる ColumnChartBuilder。

`newDataTable()`

値を手動で設定できる空のデータテーブルを作成します。

データテーブルには、すべてのグラフタイプのデータが保持されます。

戻る

DataTableBuilder - グラフのデータを保持できる DataTableBuilder。

`newDataViewDefinition()`

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

セッターを使用して、データビューの各プロパティを定義します。

戻る

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

`newLineChart()`

Google グラフに沿って折れ線グラフの作成を開始します。ツールのドキュメントをご覧ください。

戻る

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

`newPieChart()`

Google Chart の説明に沿って円グラフの作成を開始します。ツールのドキュメントをご覧ください。

戻る

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

`newScatterChart()`

Google グラフの説明に沿って散布図の作成を開始します。ツールのドキュメントをご覧ください。

戻る

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

`newTableChart()`

Google Chart の説明に沿って表グラフの作成を開始します。ツールのドキュメントをご覧ください。

戻る

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

`newTextStyle()`

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

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

戻る

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