スクリプトでグラフを作成するためのエントリ ポイント。
この例では、基本的なデータ表を作成し、面グラフにデータを入力して、ウェブページに画像として追加します。
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 | グラフ内の凡例の位置を列挙したものです。 |
Methods
メソッド | 戻り値の型 | 概要 |
---|---|---|
newAreaChart() | AreaChartBuilder | Google Chart Tools に関するドキュメントの説明に沿って、面グラフの作成を開始します。 |
newBarChart() | BarChartBuilder | Google Chart Tools に関するドキュメントの説明に沿って、棒グラフの作成を開始します。 |
newColumnChart() | ColumnChartBuilder | Google グラフツールのドキュメントの説明に従って、縦棒グラフの作成を開始します。 |
newDataTable() | DataTableBuilder | 空のデータテーブルを作成します。このテーブルでは、値を手動で設定できます。 |
newDataViewDefinition() | DataViewDefinitionBuilder | 新しいデータビュー定義を作成します。 |
newLineChart() | LineChartBuilder | Google Chart Tools に関するドキュメントの説明に沿って、折れ線グラフの作成を開始します。 |
newPieChart() | PieChartBuilder | Google グラフツールのドキュメントの説明に従って、円グラフの作成を開始します。 |
newScatterChart() | ScatterChartBuilder | Google グラフツールのドキュメントの説明に従って、散布図の作成を開始します。 |
newTableChart() | TableChartBuilder | Google グラフツールのドキュメントの説明に従って、表グラフの作成を開始します。 |
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()
newScatterChart()
Google グラフツールのドキュメントの説明に従って、散布図の作成を開始します。
リターン
ScatterChartBuilder
- 散布図の作成に使用できる ScatterChartBuilder
newTableChart()
Google グラフツールのドキュメントの説明に従って、表グラフの作成を開始します。
リターン
TableChartBuilder
- 表グラフの作成に使用できる TableChartBuilder です。
newTextStyle()
新しいテキスト スタイル ビルダーを作成します。
デフォルト値を変更するには、セッター関数を使用します。
リターン
TextStyleBuilder
- テキスト スタイル設定オブジェクトの作成に使用できる TextStyleBuilder です。