Class TableChartBuilder

TableChartBuilder

Builder untuk diagram tabel. Untuk mengetahui detail selengkapnya, lihat dokumentasi Google Chart.

Berikut adalah contoh yang menunjukkan cara membuat diagram tabel. Data diimpor dari spreadsheet Google.

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

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

const chart = chartBuilder.build();

Metode

Metode	Jenis nilai yang ditampilkan	Deskripsi singkat
build()	Chart	Membangun diagram.
enablePaging(enablePaging)	TableChartBuilder	Menetapkan apakah akan mengaktifkan penomoran halaman melalui data.
enablePaging(pageSize)	TableChartBuilder	Mengaktifkan penomoran halaman dan menetapkan jumlah baris di setiap halaman.
enablePaging(pageSize, startPage)	TableChartBuilder	Mengaktifkan penomoran halaman, menetapkan jumlah baris di setiap halaman dan halaman tabel pertama yang akan ditampilkan (nomor halaman berbasis nol).
enableRtlTable(rtlEnabled)	TableChartBuilder	Menambahkan dukungan dasar untuk bahasa kanan ke kiri (seperti bahasa Arab atau Ibrani) dengan membalikkan urutan kolom tabel, sehingga kolom nol adalah kolom paling kanan, dan kolom terakhir adalah kolom paling kiri.
enableSorting(enableSorting)	TableChartBuilder	Menetapkan apakah akan mengurutkan kolom saat pengguna mengklik judul kolom.
setDataSourceUrl(url)	TableChartBuilder	Menetapkan URL sumber data yang digunakan untuk menarik data dari sumber eksternal, seperti Google Spreadsheet.
setDataTable(tableBuilder)	TableChartBuilder	Menetapkan tabel data yang akan digunakan untuk diagram menggunakan DataTableBuilder.
setDataTable(table)	TableChartBuilder	Menetapkan tabel data yang berisi garis untuk diagram, serta label sumbu X.
setDataViewDefinition(dataViewDefinition)	TableChartBuilder	Menetapkan definisi tampilan data yang akan digunakan untuk diagram.
setDimensions(width, height)	TableChartBuilder	Menetapkan dimensi untuk diagram.
setFirstRowNumber(number)	TableChartBuilder	Menetapkan nomor baris untuk baris pertama dalam tabel data.
setInitialSortingAscending(column)	TableChartBuilder	Menetapkan indeks kolom yang akan digunakan untuk mengurutkan tabel pada awalnya (menaik).
setInitialSortingDescending(column)	TableChartBuilder	Menetapkan indeks kolom yang akan digunakan untuk mengurutkan tabel pada awalnya (menurun).
setOption(option, value)	TableChartBuilder	Menetapkan opsi lanjutan untuk diagram ini.
showRowNumberColumn(showRowNumber)	TableChartBuilder	Menetapkan apakah akan menampilkan nomor baris sebagai kolom pertama tabel.
useAlternatingRowStyle(alternate)	TableChartBuilder	Menetapkan apakah gaya warna alternatif ditetapkan ke baris ganjil dan genap dalam diagram tabel.

Dokumentasi mendetail

build()

Membangun diagram.

Pulang pergi

Chart — Objek Chart, yang dapat disematkan ke dalam dokumen, elemen UI, atau digunakan sebagai gambar statis.

---

enablePaging(enablePaging)

Menetapkan apakah akan mengaktifkan penomoran halaman melalui data.

Perilaku default adalah penomoran halaman dinonaktifkan. Jika penomoran halaman diaktifkan, ukuran halaman default adalah 10.

Parameter

Nama	Jenis	Deskripsi
enablePaging	Boolean	true jika penomoran halaman harus diaktifkan, false jika tidak.

Pulang pergi

TableChartBuilder — Builder ini, berguna untuk merangkai.

---

enablePaging(pageSize)

Mengaktifkan penomoran halaman dan menetapkan jumlah baris di setiap halaman.

Ukuran halaman default adalah 10.

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

Parameter

Nama	Jenis	Deskripsi
pageSize	Integer	Jumlah baris di setiap halaman tabel.

Pulang pergi

TableChartBuilder — Builder ini, berguna untuk merangkai.

---

enablePaging(pageSize, startPage)

Mengaktifkan penomoran halaman, menetapkan jumlah baris di setiap halaman dan halaman tabel pertama yang akan ditampilkan (nomor halaman berbasis nol).

Ukuran halaman default adalah 10, dan halaman awal default adalah 0.

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

Parameter

Nama	Jenis	Deskripsi
pageSize	Integer	Jumlah baris di setiap halaman tabel.
startPage	Integer	Halaman tabel pertama yang akan ditampilkan (nomor halaman berbasis nol).

Pulang pergi

TableChartBuilder — Builder ini, berguna untuk merangkai.

---

enableRtlTable(rtlEnabled)

Menambahkan dukungan dasar untuk bahasa kanan ke kiri (seperti bahasa Arab atau Ibrani) dengan membalikkan urutan kolom tabel, sehingga kolom nol adalah kolom paling kanan, dan kolom terakhir adalah kolom paling kiri.

Hal ini tidak memengaruhi indeks kolom dalam data pokok, hanya urutan tampilan. Tampilan bahasa dua arah (BiDi) penuh tidak didukung oleh visualisasi tabel meskipun dengan opsi ini. Opsi ini diabaikan jika Anda mengaktifkan penomoran halaman (menggunakan opsi halaman), atau jika tabel memiliki scroll bar karena Anda telah menentukan opsi tinggi dan lebar yang lebih kecil dari ukuran tabel yang diperlukan. Perilaku default adalah dukungan RTL dinonaktifkan.

Parameter

Nama	Jenis	Deskripsi
rtlEnabled	Boolean	true jika dukungan kanan ke kiri harus diaktifkan, false jika tidak.

Pulang pergi

TableChartBuilder — Builder ini, berguna untuk merangkai.

---

enableSorting(enableSorting)

Menetapkan apakah akan mengurutkan kolom saat pengguna mengklik judul kolom.

Jika pengurutan diaktifkan, saat pengguna mengklik header kolom, baris akan otomatis diurutkan. Perilaku default adalah pengurutan diaktifkan.

Parameter

Nama	Jenis	Deskripsi
enableSorting	Boolean	true untuk mengaktifkan pengurutan dengan mengklik header kolom, false jika tidak.

Pulang pergi

TableChartBuilder — Builder ini, berguna untuk merangkai.

---

setDataSourceUrl(url)

Menetapkan URL sumber data yang digunakan untuk menarik data dari sumber eksternal, seperti Google Spreadsheet. Jika URL sumber data dan DataTable disediakan, URL sumber data akan diabaikan.

Untuk mengetahui informasi selengkapnya tentang membuat kueri sumber data, lihat dokumentasi Google Chart.

Parameter

Nama	Jenis	Deskripsi
url	String	URL sumber data, termasuk parameter kueri.

Pulang pergi

TableChartBuilder — Builder ini, berguna untuk merangkai.

---

setDataTable(tableBuilder)

Menetapkan tabel data yang akan digunakan untuk diagram menggunakan DataTableBuilder. Ini adalah metode praktis untuk menyetel tabel data tanpa perlu memanggil build().

Parameter

Nama	Jenis	Deskripsi
tableBuilder	DataTableBuilder	Pembuat tabel data. Tabel data baru dibuat secara instan sebagai bagian dari panggilan ini, sehingga pembaruan lebih lanjut pada pembuat tidak akan tercermin dalam diagram.

Pulang pergi

TableChartBuilder — Builder ini, berguna untuk merangkai.

---

setDataTable(table)

Menetapkan tabel data yang berisi garis untuk diagram, serta label sumbu X. Kolom pertama harus berupa string, dan berisi label sumbu horizontal. Dapat diikuti oleh sejumlah kolom, yang semuanya harus berupa angka. Setiap kolom ditampilkan sebagai garis terpisah.

Parameter

Nama	Jenis	Deskripsi
table	DataTableSource	Tabel data yang akan digunakan untuk diagram.

Pulang pergi

TableChartBuilder — Builder ini, berguna untuk merangkai.

---

setDataViewDefinition(dataViewDefinition)

Menetapkan definisi tampilan data yang akan digunakan untuk diagram.

Parameter

Nama	Jenis	Deskripsi
dataViewDefinition	DataViewDefinition	Objek definisi tampilan data yang menentukan tampilan yang harus diperoleh dari sumber data tertentu untuk penggambaran diagram.

Pulang pergi

TableChartBuilder — Builder ini, berguna untuk merangkai.

---

setDimensions(width, height)

Menetapkan dimensi untuk diagram.

Parameter

Nama	Jenis	Deskripsi
width	Integer	Lebar diagram, dalam piksel.
height	Integer	Tinggi diagram, dalam piksel.

Pulang pergi

TableChartBuilder — Builder ini, berguna untuk merangkai.

---

setFirstRowNumber(number)

Menetapkan nomor baris untuk baris pertama dalam tabel data.

Nomor baris default dari baris pertama adalah 1.

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

Parameter

Nama	Jenis	Deskripsi
number	Integer	Nomor baris untuk baris pertama dalam tabel data.

Pulang pergi

TableChartBuilder — Builder ini, berguna untuk merangkai.

---

setInitialSortingAscending(column)

Menetapkan indeks kolom yang akan digunakan untuk mengurutkan tabel pada awalnya (menaik).

Kolom diurutkan dari bawah ke atas dan ditandai dengan panah kecil yang menunjukkan hal tersebut.

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

Parameter

Nama	Jenis	Deskripsi
column	Integer	Nomor kolom yang akan digunakan untuk mengurutkan tabel pada awalnya.

Pulang pergi

TableChartBuilder — Builder ini, berguna untuk merangkai.

---

setInitialSortingDescending(column)

Menetapkan indeks kolom yang akan digunakan untuk mengurutkan tabel pada awalnya (menurun).

Kolom diurutkan dari atas ke bawah dan ditandai dengan panah kecil yang menunjukkan hal tersebut.

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

Parameter

Nama	Jenis	Deskripsi
column	Integer	Nomor kolom yang akan digunakan untuk mengurutkan tabel pada awalnya.

Pulang pergi

TableChartBuilder — Builder ini, berguna untuk merangkai.

---

setOption(option, value)

Menetapkan opsi lanjutan untuk diagram ini. Lihat opsi yang tersedia untuk diagram ini. Metode ini tidak berpengaruh jika opsi yang diberikan tidak valid.

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

Parameter

Nama	Jenis	Deskripsi
option	String	Opsi yang akan disetel.
value	Object	Nilai yang akan ditetapkan.

Pulang pergi

TableChartBuilder — Builder ini, berguna untuk merangkai.

---

showRowNumberColumn(showRowNumber)

Menetapkan apakah akan menampilkan nomor baris sebagai kolom pertama tabel.

Perilaku defaultnya adalah tidak menampilkan nomor baris.

Parameter

Nama	Jenis	Deskripsi
showRowNumber	Boolean	true jika kolom pertama tabel harus menampilkan nomor baris, false jika tidak.

Pulang pergi

TableChartBuilder — Builder ini, berguna untuk merangkai.

---

useAlternatingRowStyle(alternate)

Menetapkan apakah gaya warna alternatif ditetapkan ke baris ganjil dan genap dalam diagram tabel.

Perilaku default adalah baris yang memiliki gaya warna alternatif.

Parameter

Nama	Jenis	Deskripsi
alternate	Boolean	true jika gaya warna harus bergantian, false jika tidak.

Pulang pergi

TableChartBuilder — Builder ini, berguna untuk merangkai.