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. 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 paging 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 (halaman angkanya berbasis nol). |
enableRtlTable(rtlEnabled) | TableChartBuilder | Menambahkan dukungan dasar untuk bahasa yang ditulis dari 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 mengambil data dari sumber eksternal, seperti Google Spreadsheet. |
setDataTable(tableBuilder) | TableChartBuilder | Menetapkan tabel data yang akan digunakan untuk diagram dengan 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 berdasarkan tabel yang harus diurutkan terlebih dahulu (menaik). |
setInitialSortingDescending(column) | TableChartBuilder | Menetapkan indeks kolom berdasarkan tabel yang harus diurutkan terlebih dahulu (menurun). |
setOption(option, value) | TableChartBuilder | Menetapkan opsi lanjutan untuk diagram ini. |
showRowNumberColumn(showRowNumber) | TableChartBuilder | Menetapkan apakah nomor baris akan ditampilkan sebagai kolom pertama tabel. |
useAlternatingRowStyle(alternate) | TableChartBuilder | Menetapkan apakah gaya warna alternatif ditetapkan untuk baris ganjil dan genap pada diagram tabel. |
Dokumentasi mendetail
build()
Membuat diagram.
Pulang pergi
Chart — Objek Diagram, yang dapat disematkan ke dalam dokumen, elemen UI, atau digunakan sebagai elemen statis
gambar.
enablePaging(enablePaging)
Menetapkan apakah akan mengaktifkan paging 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. |
Pulang pergi
TableChartBuilder — Builder ini, berguna untuk perantaian.
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. |
Pulang pergi
TableChartBuilder — Builder ini, berguna untuk perantaian.
enablePaging(pageSize, startPage)
Mengaktifkan paging, menetapkan jumlah baris di setiap halaman dan halaman tabel pertama yang akan ditampilkan (halaman angkanya 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). |
Pulang pergi
TableChartBuilder — Builder ini, berguna untuk perantaian.
enableRtlTable(rtlEnabled)
Menambahkan dukungan dasar untuk bahasa yang ditulis dari 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 hanya memengaruhi urutan tampilan, bukan indeks kolom pada data pokok. Tampilan bahasa dua arah penuh (BiDi) tidak didukung oleh visualisasi tabel, bahkan dengan opsi ini. Opsi ini diabaikan jika Anda mengaktifkan paging (menggunakan opsi halaman), atau jika tabel memiliki bilah gulir 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
sebaliknya. |
Pulang pergi
TableChartBuilder — Builder ini, berguna untuk perantaian.
enableSorting(enableSorting)
Menetapkan apakah akan mengurutkan kolom saat pengguna mengklik judul kolom.
Jika pengurutan diaktifkan, baris akan otomatis ditampilkan saat pengguna mengklik header kolom diurutkan. Perilaku defaultnya adalah penyortiran diaktifkan.
Parameter
| Nama | Jenis | Deskripsi |
|---|---|---|
enableSorting | Boolean | true untuk mengaktifkan pengurutan dengan mengklik header kolom, atau false jika tidak. |
Pulang pergi
TableChartBuilder — Builder ini, berguna untuk perantaian.
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 mengetahui informasi selengkapnya tentang mengkueri sumber data, lihat dokumentasi Diagram Google.
Parameter
| Nama | Jenis | Deskripsi |
|---|---|---|
url | String | URL sumber data, termasuk parameter kueri. |
Pulang pergi
TableChartBuilder — Builder ini, berguna untuk perantaian.
setDataTable(tableBuilder)
Menetapkan tabel data yang akan digunakan untuk diagram dengan DataTableBuilder. Ini adalah metode praktis
untuk mengatur tabel data tanpa perlu memanggil build().
Parameter
| Nama | Jenis | Deskripsi |
|---|---|---|
tableBuilder | DataTableBuilder | Pembuat tabel data. Tabel data baru dibuat secara instan sebagai bagian dari dipanggil, sehingga setiap pembaruan lebih lanjut pada builder tidak akan tercermin dalam diagram. |
Pulang pergi
TableChartBuilder — Builder ini, berguna untuk perantaian.
setDataTable(table)
Menetapkan tabel data yang berisi garis untuk diagram, serta label sumbu X. Tujuan kolom pertama harus berupa string, dan berisi label sumbu horizontal. Berapa pun jumlah kolom bisa diikuti, semua harus numerik. Setiap kolom ditampilkan sebagai baris terpisah.
Parameter
| Nama | Jenis | Deskripsi |
|---|---|---|
table | DataTableSource | Tabel data yang akan digunakan untuk diagram. |
Pulang pergi
TableChartBuilder — Builder ini, berguna untuk perantaian.
setDataViewDefinition(dataViewDefinition)
Menetapkan definisi tampilan data yang akan digunakan untuk diagram.
Parameter
| Nama | Jenis | Deskripsi |
|---|---|---|
dataViewDefinition | DataViewDefinition | Objek definisi tampilan data yang mendefinisikan tampilan yang harus yang berasal dari sumber data yang diberikan untuk gambar diagram. |
Pulang pergi
TableChartBuilder — Builder ini, berguna untuk perantaian.
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 perantaian.
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. |
Pulang pergi
TableChartBuilder — Builder ini, berguna untuk perantaian.
setInitialSortingAscending(column)
Menetapkan indeks kolom berdasarkan tabel yang harus diurutkan terlebih dahulu (menaik).
Kolom os diurutkan dalam urutan menaik dan ditandai dengan panah kecil yang menunjukkan hal tersebut.
// 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 terlebih dahulu. |
Pulang pergi
TableChartBuilder — Builder ini, berguna untuk perantaian.
setInitialSortingDescending(column)
Menetapkan indeks kolom berdasarkan tabel yang harus diurutkan terlebih dahulu (menurun).
Kolom os diurutkan dalam urutan menurun dan ditandai dengan panah kecil yang menunjukkan hal tersebut.
// 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 terlebih dahulu. |
Pulang pergi
TableChartBuilder — Builder ini, berguna untuk perantaian.
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 perlu ditetapkan. |
value | Object | Nilai yang akan ditetapkan. |
Pulang pergi
TableChartBuilder — Builder ini, berguna untuk perantaian.
showRowNumberColumn(showRowNumber)
Menetapkan apakah nomor baris akan ditampilkan sebagai kolom pertama tabel.
Perilaku default-nya adalah tidak menampilkan nomor baris.
Parameter
| Nama | Jenis | Deskripsi |
|---|---|---|
showRowNumber | Boolean | true jika kolom pertama tabel harus menampilkan nomor baris,
false sebaliknya. |
Pulang pergi
TableChartBuilder — Builder ini, berguna untuk perantaian.
useAlternatingRowStyle(alternate)
Menetapkan apakah gaya warna alternatif ditetapkan untuk baris ganjil dan genap pada diagram tabel.
Perilaku default-nya 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 perantaian.