Charts Service
グラフ
このサービスを使用すると、ユーザーは Google グラフツールを使用してグラフを作成し、サーバーサイドでレンダリングできます。ウェブブラウザでグラフをレンダリングする場合は、代わりに Google Charts API を使用してください。
この例では、基本的なデータ表を作成し、そのデータで面グラフを作成して、画像としてウェブページに追加します。
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;
}
クラス
プロパティ
プロパティ | タイプ | 説明 |
IGNORE_BOTH | Enum | デフォルト。グラフでは、非表示の列と非表示の行はスキップされます。 |
IGNORE_ROWS | Enum | グラフでは、非表示の行のみがスキップされます。 |
IGNORE_COLUMNS | Enum | グラフでは、非表示の列のみがスキップされます。 |
SHOW_BOTH | Enum | グラフでは、非表示の列や非表示の行はスキップされません。 |
プロパティ
プロパティ | タイプ | 説明 |
MERGE_COLUMNS | Enum | デフォルトです。 |
MERGE_ROWS | Enum | チャートでは、複数の範囲の行が結合されます。 |
プロパティ
プロパティ | タイプ | 説明 |
TIMELINE | Enum | タイムライン グラフ。 |
AREA | Enum | 面グラフ |
BAR | Enum | 棒グラフ |
BUBBLE | Enum | バブルチャート。 |
CANDLESTICK | Enum | ローソク足チャート。 |
COLUMN | Enum | 縦棒グラフ |
COMBO | Enum | 複合グラフ |
GAUGE | Enum | ゲージグラフ。 |
GEO | Enum | マップチャート。 |
HISTOGRAM | Enum | ヒストグラム |
RADAR | Enum | レーダー チャート。 |
LINE | Enum | 折れ線グラフ |
ORG | Enum | 組織図。 |
PIE | Enum | 円グラフ |
SCATTER | Enum | 散布図 |
SPARKLINE | Enum | スパークライン グラフ。 |
STEPPED_AREA | Enum | 階段面グラフ。 |
TABLE | Enum | 一覧表 |
TREEMAP | Enum | ツリーマップ グラフ。 |
WATERFALL | Enum | ウォーターフォール チャート。 |
プロパティ
プロパティ | タイプ | 説明 |
DATE | Enum | 日付値に対応します。 |
NUMBER | Enum | 数値に対応します。 |
STRING | Enum | 文字列値に対応します。 |
プロパティ
プロパティ | タイプ | 説明 |
NORMAL | Enum | カーブのない直線。 |
SMOOTH | Enum | 線の角度が平滑化されます。 |
プロパティ
プロパティ | タイプ | 説明 |
EXACT | Enum | 値の完全一致のみを検索する |
PREFIX | Enum | 値の先頭から始まる接頭辞を照合する |
ANY | Enum | 任意の部分文字列に一致する |
メソッド
メソッド | 戻り値の型 | 概要 |
getName() | String | オプション JSON で使用する一致タイプの名前を返します。 |
プロパティ
プロパティ | タイプ | 説明 |
HORIZONTAL | Enum | 横向き。 |
VERTICAL | Enum | 縦向き。 |
プロパティ
プロパティ | タイプ | 説明 |
ASIDE | Enum | 選択した値は、値選択ツールの横に 1 行のテキストで表示されます。 |
BELOW | Enum | 選択した値は、ウィジェットの下に 1 行のテキストとして表示されます。 |
BELOW_WRAPPING | Enum | 以下と同様ですが、選択ツールに収まらないエントリは新しい行に折り返されます。 |
BELOW_STACKED | Enum | 選択した値は、ウィジェットの下の列に表示されます。 |
プロパティ
プロパティ | タイプ | 説明 |
NONE | Enum | 線のポイントを表示しない。 |
TINY | Enum | 小さな線ポイントを使用する。 |
MEDIUM | Enum | 中程度のサイズの線ポイントを使用します。 |
LARGE | Enum | サイズの大きなラインポイントを使用する。 |
HUGE | Enum | 最大サイズの線ポイントを使用する。 |
プロパティ
プロパティ | タイプ | 説明 |
TOP | Enum | グラフの上部。 |
RIGHT | Enum | グラフの右側。 |
BOTTOM | Enum | グラフの下。 |
NONE | Enum | 凡例は表示されません。 |
特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用許諾されます。コードサンプルは Apache 2.0 ライセンスにより使用許諾されます。詳しくは、Google Developers サイトのポリシーをご覧ください。Java は Oracle および関連会社の登録商標です。
最終更新日 2024-12-06 UTC。
[null,null,["最終更新日 2024-12-06 UTC。"],[[["The Google Apps Script Charts Service enables server-side rendering of charts using Google Charts Tools, offering an alternative to the client-side Google Charts API."],["Charts are built using a structured process involving data table creation, chart construction with specific configurations like type, data source, and styling, and HTML output generation for display."],["The Charts Service provides a range of chart types, including AreaChart, BarChart, ColumnChart, LineChart, PieChart, ScatterChart, and TableChart, each with corresponding builder classes for customization."],["Comprehensive documentation details various classes and methods for data manipulation, visual styling, axes configuration, and interactive element creation, empowering developers to tailor charts to their needs."],["Developers can leverage methods from ScatterChartBuilder, StringFilterBuilder, TableChartBuilder, TextStyle, and TextStyleBuilder to fine-tune chart axes, filtering, table layouts, and text styles, enhancing chart customization and functionality."]]],["This service renders server-side charts using Google Charts Tools. Users create charts through builders like `AreaChartBuilder`, `BarChartBuilder`, etc. Data is structured in `DataTable` objects via `DataTableBuilder`. Charts can be converted to static images using `Chart.getAs()`. Customization includes setting colors, titles, dimensions, legends, axis styles, and data ranges. `ChartOptions` allow for advanced configurations. The `Charts` class provides the creation entry point and enums define chart, data, and styling options.\n"]]