Builder untuk diagram tabel. Untuk mengetahui detail selengkapnya, lihat dokumentasi Google Chart.
Berikut ini adalah contoh yang memperlihatkan cara membuat sebuah diagram tabel. Data diimpor dari spreadsheet 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();
Metode
Metode | Jenis hasil yang ditampilkan | Deskripsi singkat |
---|---|---|
build() | Chart | Membuat diagram. |
enablePaging(enablePaging) | TableChartBuilder | Menetapkan apakah akan mengaktifkan pembagian halaman melalui data. |
enablePaging(pageSize) | TableChartBuilder | Mengaktifkan paging dan menetapkan jumlah baris di setiap halaman. |
enablePaging(pageSize, startPage) | TableChartBuilder | Mengaktifkan paging, 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 yang ditulis dari kanan ke kiri (seperti bahasa Arab atau Ibrani) dengan membalik 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 mengambil 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 sesuai dengan tabel yang pertama kali diurutkan (menaik). |
setInitialSortingDescending(column) | TableChartBuilder | Menetapkan indeks kolom yang sesuai dengan tabel yang harus diurutkan pertama kali (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 pada diagram tabel. |
Dokumentasi mendetail
build()
Membuat diagram.
Return
Chart
— Objek Chart, yang dapat disematkan ke dalam dokumen, elemen UI, atau digunakan sebagai gambar statis.
enablePaging(enablePaging)
Menetapkan apakah akan mengaktifkan pembagian halaman melalui data.
Perilaku defaultnya adalah paging dinonaktifkan. Jika paging diaktifkan, ukuran halaman default adalah 10.
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
enablePaging | Boolean | true jika paging harus diaktifkan, false jika tidak. |
Return
TableChartBuilder
— Builder ini berguna untuk membuat rantai.
enablePaging(pageSize)
Mengaktifkan paging 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. var builder = Charts.newTableChart(); builder.enablePaging(5);
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
pageSize | Integer | Jumlah baris di setiap halaman tabel. |
Return
TableChartBuilder
— Builder ini berguna untuk membuat rantai.
enablePaging(pageSize, startPage)
Mengaktifkan paging, 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. var 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). |
Return
TableChartBuilder
— Builder ini berguna untuk membuat rantai.
enableRtlTable(rtlEnabled)
Menambahkan dukungan dasar untuk bahasa yang ditulis dari kanan ke kiri (seperti bahasa Arab atau Ibrani) dengan membalik urutan kolom tabel, sehingga kolom nol adalah kolom paling kanan, dan kolom terakhir adalah kolom paling kiri.
Hal ini hanya memengaruhi urutan tampilannya, bukan indeks kolom dalam data pokok. Tampilan bahasa dua arah (BiDi) penuh tidak didukung oleh visualisasi tabel meskipun dengan opsi ini. Opsi ini akan diabaikan jika Anda mengaktifkan paging (menggunakan opsi halaman), atau jika tabel memiliki scroll bar karena Anda telah menetapkan opsi tinggi dan lebar yang lebih kecil dari ukuran tabel yang diperlukan. Perilaku defaultnya adalah dukungan RTL dinonaktifkan.
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
rtlEnabled | Boolean | true jika dukungan kanan-ke-kiri harus diaktifkan, false
jika tidak. |
Return
TableChartBuilder
— Builder ini berguna untuk membuat rantai.
enableSorting(enableSorting)
Menetapkan apakah akan mengurutkan kolom saat pengguna mengklik judul kolom.
Jika pengurutan diaktifkan, baris akan otomatis diurutkan saat pengguna mengklik header kolom. Perilaku default-nya adalah mengaktifkan pengurutan.
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
enableSorting | Boolean | true untuk mengaktifkan pengurutan dengan mengklik header kolom, atau false jika tidak. |
Return
TableChartBuilder
— Builder ini berguna untuk membuat rantai.
setDataSourceUrl(url)
Menetapkan URL sumber data yang digunakan untuk mengambil data dari sumber eksternal, seperti Google Spreadsheet. Jika URL sumber data dan DataTable diberikan, URL sumber data akan diabaikan.
Untuk informasi lebih lanjut tentang melakukan kueri sumber data, lihat dokumentasi Google Chart.
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
url | String | URL sumber data, termasuk parameter kueri apa pun. |
Return
TableChartBuilder
— Builder ini berguna untuk membuat rantai.
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 update lebih lanjut pada builder tidak akan tercermin dalam diagram. |
Return
TableChartBuilder
— Builder ini berguna untuk membuat rantai.
setDataTable(table)
Menetapkan tabel data yang berisi garis untuk diagram, serta label sumbu X. Kolom pertama harus berupa string, dan berisi label sumbu horizontal. Berapa pun jumlah kolom bisa mengikuti, semuanya harus numerik. Setiap kolom ditampilkan sebagai garis terpisah.
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
table | DataTableSource | Tabel data yang akan digunakan untuk diagram. |
Return
TableChartBuilder
— Builder ini berguna untuk membuat rantai.
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 berasal dari sumber data tertentu untuk gambar diagram. |
Return
TableChartBuilder
— Builder ini berguna untuk membuat rantai.
setDimensions(width, height)
Menetapkan dimensi untuk diagram.
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
width | Integer | Lebar diagram, dalam piksel. |
height | Integer | Tinggi diagram, dalam piksel. |
Return
TableChartBuilder
— Builder ini berguna untuk membuat rantai.
setFirstRowNumber(number)
Menetapkan nomor baris untuk baris pertama dalam tabel data.
Nomor baris default untuk baris pertama adalah 1.
// Creates a table chart builder and sets the first row to be 2. var builder = Charts.newTableChart(); builder.setFirstRowNumber(2);
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
number | Integer | Nomor baris untuk baris pertama dalam tabel data. |
Return
TableChartBuilder
— Builder ini berguna untuk membuat rantai.
setInitialSortingAscending(column)
Menetapkan indeks kolom yang sesuai dengan tabel yang pertama kali diurutkan (menaik).
Kolom {i>os<i} diurutkan dalam urutan menaik dan ditandai dengan panah kecil yang mengindikasikan hal itu.
// Creates a table chart builder and sorts it by the second column (ascending). var builder = Charts.newTableChart(); builder.setInitialSortingAscending(2);
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
column | Integer | Jumlah kolom yang digunakan untuk mengurutkan tabel pada awalnya. |
Return
TableChartBuilder
— Builder ini berguna untuk membuat rantai.
setInitialSortingDescending(column)
Menetapkan indeks kolom yang sesuai dengan tabel yang harus diurutkan pertama kali (menurun).
Kolom {i>os<i} diurutkan dalam urutan menurun dan ditandai dengan panah kecil yang mengindikasikan hal itu.
// Creates a table chart builder and sorts it by the second column (descending). var builder = Charts.newTableChart(); builder.setInitialSortingDescending(2);
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
column | Integer | Jumlah kolom yang digunakan untuk mengurutkan tabel pada awalnya. |
Return
TableChartBuilder
— Builder ini berguna untuk membuat rantai.
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. var builder = Charts.newTableChart(); builder.setOption('allowHtml', {@code true}); var chart = builder.build();
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
option | String | Opsi yang akan ditetapkan. |
value | Object | Nilai yang akan ditetapkan. |
Return
TableChartBuilder
— Builder ini berguna untuk membuat rantai.
showRowNumberColumn(showRowNumber)
Menetapkan apakah akan menampilkan nomor baris sebagai kolom pertama tabel.
Perilaku default-nya tidak menampilkan nomor baris.
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
showRowNumber | Boolean | true jika kolom pertama dari tabel harus menampilkan nomor baris,
false jika tidak. |
Return
TableChartBuilder
— Builder ini berguna untuk membuat rantai.
useAlternatingRowStyle(alternate)
Menetapkan apakah gaya warna alternatif ditetapkan ke baris ganjil dan genap pada 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. |
Return
TableChartBuilder
— Builder ini berguna untuk membuat rantai.