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

Class TableChartBuilder

表グラフのビルダー。詳しくは、Google Charts のドキュメントをご覧ください。

次の例は、表グラフの作成方法を示しています。データが Google スプレッドシートからインポートされた。

// Get sample data from a spreadsheet.
var dataSourceUrl = 'https://docs.google.com/spreadsheet/tq?range=A1%3AF' +
    '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=4&headers=-1';

var chartBuilder = Charts.newTableChart()
    .setDimensions(600, 500)
    .enablePaging(20)
    .setDataSourceUrl(dataSourceUrl);

var chart = chartBuilder.build();

メソッド

メソッド	戻り値の型	概要
`build()`	`Chart`	グラフを作成します。
`enablePaging(enablePaging)`	`TableChartBuilder`	データのページングを有効にするかどうかを設定します。
`enablePaging(pageSize)`	`TableChartBuilder`	ページングを有効にし、各ページの行数を設定します。
`enablePaging(pageSize, startPage)`	`TableChartBuilder`	ページングを有効にし、各ページの行数と最初に表示するテーブルページ（page）を設定します。ゼロから始まります）。
`enableRtlTable(rtlEnabled)`	`TableChartBuilder`	右から左に記述する言語（アラビア語やヘブライ語など）の基本的なサポートが追加されました。行の順序が並べ替えられます。つまり、列 0 は右端、最後の列はクリックします。
`enableSorting(enableSorting)`	`TableChartBuilder`	ユーザーが列見出しをクリックしたときに列を並べ替えるかどうかを設定します。
`setDataSourceUrl(url)`	`TableChartBuilder`	Google などの外部ソースからデータを取り込むために使用されるデータソースの URL を設定します。スプレッドシート。
`setDataTable(tableBuilder)`	`TableChartBuilder`	DataTableBuilder を使用して、グラフに使用するデータ表を設定します。
`setDataTable(table)`	`TableChartBuilder`	グラフの線と X 軸のラベルを含むデータ表を設定します。
`setDataViewDefinition(dataViewDefinition)`	`TableChartBuilder`	グラフで使用するデータビューの定義を設定します。
`setDimensions(width, height)`	`TableChartBuilder`	グラフのディメンションを設定します。
`setFirstRowNumber(number)`	`TableChartBuilder`	データテーブルの最初の行の行番号を設定します。
`setInitialSortingAscending(column)`	`TableChartBuilder`	テーブルを最初に並べ替える際の基準となる列のインデックスを設定します（昇順）。
`setInitialSortingDescending(column)`	`TableChartBuilder`	テーブルを最初に並べ替える際の基準となる列のインデックスを設定します（降順）。
`setOption(option, value)`	`TableChartBuilder`	このグラフの詳細オプションを設定します。
`showRowNumberColumn(showRowNumber)`	`TableChartBuilder`	行番号を表の最初の列に表示するかどうかを設定します。
`useAlternatingRowStyle(alternate)`	`TableChartBuilder`	表グラフの奇数行と偶数行に交互の背景色を割り当てるかどうかを設定します。

詳細なドキュメント

`build()`

グラフを作成します。

戻る

Chart - ドキュメントや UI 要素に埋め込んだり、静的アセットとして使用したりできる Chart オブジェクト。説明します。

`enablePaging(enablePaging)`

データのページングを有効にするかどうかを設定します。

デフォルトの動作では、ページングは無効になっています。ページングが有効になっている場合、デフォルトのページサイズは 10 です。

パラメータ

名前	型	説明
`enablePaging`	`Boolean`	ページングを有効にする場合は `true`、それ以外の場合は `false`。

戻る

TableChartBuilder - このビルダーはチェーンに役立ちます。

`enablePaging(pageSize)`

ページングを有効にし、各ページの行数を設定します。

デフォルトのページサイズは 10 です。

// Creates a table chart builder and enables paging with page size of 5.
var builder = Charts.newTableChart();
builder.enablePaging(5);

パラメータ

名前	型	説明
`pageSize`	`Integer`	テーブルの各ページの行数。

戻る

TableChartBuilder - このビルダーはチェーンに役立ちます。

`enablePaging(pageSize, startPage)`

ページングを有効にし、各ページの行数と最初に表示するテーブルページ（page）を設定します。ゼロから始まります）。

デフォルトのページサイズは 10、デフォルトの開始ページは 0 です。

// Creates a table chart builder and enables paging with page size of 5 and displays page 2
// first.
var builder = Charts.newTableChart();
builder.enablePaging(5, 2);

パラメータ

名前	型	説明
`pageSize`	`Integer`	テーブルの各ページの行数。
`startPage`	`Integer`	表示する最初のテーブルページ（ページ番号は 0 から始まります）。

戻る

TableChartBuilder - このビルダーはチェーンに役立ちます。

`enableRtlTable(rtlEnabled)`

右から左に記述する言語（アラビア語やヘブライ語など）の基本的なサポートが追加されました。行の順序が並べ替えられます。つまり、列 0 は右端、最後の列はクリックします。

これは、基になるデータの列インデックスには影響せず、表示順序にのみ影響します。テーブルの可視化でも、完全な双方向（BiDi）言語の表示はサポートされていません。おすすめしますpage オプションを使用してページングを有効にした場合、または指定したサイズよりも小さい高さと幅のオプションが指定されているため、表にはスクロールバーが表示されます。テーブルサイズを指定します。デフォルトの動作では、RTL サポートは無効になっています。

パラメータ

名前	型	説明
`rtlEnabled`	`Boolean`	右から左へのサポートを有効にする場合は `true`、`false` できません。

戻る

TableChartBuilder - このビルダーはチェーンに役立ちます。

`enableSorting(enableSorting)`

ユーザーが列見出しをクリックしたときに列を並べ替えるかどうかを設定します。

並べ替えが有効になっている場合、ユーザーが列ヘッダーをクリックすると、行が自動的に並べ替えられます。デフォルトの動作では、並べ替えが有効になっています。

パラメータ

名前	型	説明
`enableSorting`	`Boolean`	列ヘッダーをクリックして並べ替えを有効にするには `true`、そうでない場合は `false`。

戻る

TableChartBuilder - このビルダーはチェーンに役立ちます。

`setDataSourceUrl(url)`

Google などの外部ソースからデータを取り込むために使用されるデータソースの URL を設定します。スプレッドシート。データソースの URL と DataTable が指定されている場合、データソースの URL は無視されます。

データソースのクエリの詳細については、Google Charts のドキュメントをご覧ください。

パラメータ

名前	型	説明
`url`	`String`	データソースの URL（クエリパラメータを含む）。

戻る

TableChartBuilder - このビルダーはチェーンに役立ちます。

`setDataTable(tableBuilder)`

DataTableBuilder を使用して、グラフに使用するデータ表を設定します。これは便利な方法です。 build() を呼び出すことなく、データテーブルを設定できます。

パラメータ

名前	型	説明
`tableBuilder`	`DataTableBuilder`	データテーブルビルダー。新しいデータテーブルがそれ以降のビルダーの更新はグラフに反映されません。

戻る

TableChartBuilder - このビルダーはチェーンに役立ちます。

`setDataTable(table)`

グラフの線と X 軸のラベルを含むデータ表を設定します。「最初の列は文字列で、横軸のラベルが含まれている必要があります。任意の数の列すべて数値でなければなりません。各列は別々の行として表示されます。

パラメータ

名前	型	説明
`table`	`DataTableSource`	グラフに使用するデータテーブル。

戻る

TableChartBuilder - このビルダーはチェーンに役立ちます。

`setDataViewDefinition(dataViewDefinition)`

グラフで使用するデータビューの定義を設定します。

パラメータ

名前	型	説明
`dataViewDefinition`	`DataViewDefinition`	表示するビューを定義するデータビュー定義オブジェクト。グラフ描画の特定のデータソースから派生した値。

戻る

TableChartBuilder - このビルダーはチェーンに役立ちます。

`setDimensions(width, height)`

グラフのディメンションを設定します。

パラメータ

名前	型	説明
`width`	`Integer`	グラフの幅（ピクセル単位）。
`height`	`Integer`	グラフの高さ（ピクセル単位）。

戻る

TableChartBuilder - このビルダーはチェーンに役立ちます。

`setFirstRowNumber(number)`

データテーブルの最初の行の行番号を設定します。

最初の行のデフォルトの行番号は 1 です。

// Creates a table chart builder and sets the first row to be 2.
var builder = Charts.newTableChart();
builder.setFirstRowNumber(2);

パラメータ

名前	型	説明
`number`	`Integer`	データテーブルの最初の行の行番号。

戻る

TableChartBuilder - このビルダーはチェーンに役立ちます。

`setInitialSortingAscending(column)`

テーブルを最初に並べ替える際の基準となる列のインデックスを設定します（昇順）。

列 os は昇順で並べ替えられており、それを示す小さな矢印が付いています。

// Creates a table chart builder and sorts it by the second column (ascending).
var builder = Charts.newTableChart();
builder.setInitialSortingAscending(2);

パラメータ

名前	型	説明
`column`	`Integer`	テーブルを最初に並べ替える際に基準とする列番号を指定します。

戻る

TableChartBuilder - このビルダーはチェーンに役立ちます。

`setInitialSortingDescending(column)`

テーブルを最初に並べ替える際の基準となる列のインデックスを設定します（降順）。

os 列は降順で並べ替えられており、それを示す小さな矢印が付いています。

// Creates a table chart builder and sorts it by the second column (descending).
var builder = Charts.newTableChart();
builder.setInitialSortingDescending(2);

パラメータ

名前	型	説明
`column`	`Integer`	テーブルを最初に並べ替える際に基準とする列番号を指定します。

戻る

TableChartBuilder - このビルダーはチェーンに役立ちます。

`setOption(option, value)`

このグラフの詳細オプションを設定します。詳しくは、このグラフをご覧ください。指定したオプションが無効な場合、このメソッドは機能しません。

// Build a table chart which renders HTML.
var builder = Charts.newTableChart();
builder.setOption('allowHtml', {@code true});
var chart = builder.build();

パラメータ

名前	型	説明
`option`	`String`	設定するオプション。
`value`	`Object`	設定する値。

戻る

TableChartBuilder - このビルダーはチェーンに役立ちます。

`showRowNumberColumn(showRowNumber)`

行番号を表の最初の列に表示するかどうかを設定します。

デフォルトの動作では、行番号は表示されません。

パラメータ

名前	型	説明
`showRowNumber`	`Boolean`	テーブルの最初の列に行番号を表示する場合は `true`、そうでない場合は `false`。

戻る

TableChartBuilder - このビルダーはチェーンに役立ちます。

`useAlternatingRowStyle(alternate)`

表グラフの奇数行と偶数行に交互の背景色を割り当てるかどうかを設定します。

デフォルトの動作では、行が交互に色分けされていることがわかります。

パラメータ

名前	型	説明
`alternate`	`Boolean`	色スタイルを交互にする場合は `true`、そうでない場合は `false`。

戻る

TableChartBuilder - このビルダーはチェーンに役立ちます。