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

プロパティ

プロパティ種類説明
ChartHiddenDimensionStrategyChartHiddenDimensionStrategyソースの隠れたディメンションがグラフでどのように表されるかを列挙したものです。
ChartMergeStrategyChartMergeStrategyソース内の複数の範囲をグラフで表する方法を列挙します。
ChartTypeChartTypeCharts サービスでサポートされるグラフタイプの列挙型。
ColumnTypeColumnTypeDataTable 内の列の有効なデータ型を列挙したものです。
CurveStyleCurveStyleグラフの曲線のスタイルを列挙します。
PointStylePointStyle線に含まれるポイントのスタイルを列挙したものです。
PositionPositionグラフ内の凡例の位置を列挙したものです。

Methods

メソッド戻り値の型概要
newAreaChart()AreaChartBuilderGoogle Chart Tools に関するドキュメントの説明に沿って、面グラフの作成を開始します。
newBarChart()BarChartBuilderGoogle Chart Tools に関するドキュメントの説明に沿って、棒グラフの作成を開始します。
newColumnChart()ColumnChartBuilderGoogle グラフツールのドキュメントの説明に従って、縦棒グラフの作成を開始します。
newDataTable()DataTableBuilder空のデータテーブルを作成します。このテーブルでは、値を手動で設定できます。
newDataViewDefinition()DataViewDefinitionBuilder新しいデータビュー定義を作成します。
newLineChart()LineChartBuilderGoogle Chart Tools に関するドキュメントの説明に沿って、折れ線グラフの作成を開始します。
newPieChart()PieChartBuilderGoogle グラフツールのドキュメントの説明に従って、円グラフの作成を開始します。
newScatterChart()ScatterChartBuilderGoogle グラフツールのドキュメントの説明に従って、散布図の作成を開始します。
newTableChart()TableChartBuilderGoogle グラフツールのドキュメントの説明に従って、表グラフの作成を開始します。
newTextStyle()TextStyleBuilder新しいテキスト スタイル ビルダーを作成します。

詳細なドキュメント

newAreaChart()

Google Chart Tools に関するドキュメントの説明に沿って、面グラフの作成を開始します。

リターン

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


newBarChart()

Google Chart Tools に関するドキュメントの説明に沿って、棒グラフの作成を開始します。

リターン

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


newColumnChart()

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

リターン

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


newDataTable()

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

データテーブルには、すべてのグラフの種類のデータが格納されます。

リターン

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


newDataViewDefinition()

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

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

リターン

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


newLineChart()

Google Chart Tools に関するドキュメントの説明に沿って、折れ線グラフの作成を開始します。

リターン

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


newPieChart()

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

リターン

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


newScatterChart()

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

リターン

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


newTableChart()

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

リターン

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


newTextStyle()

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

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

リターン

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