Builder untuk diagram tabel. Untuk mengetahui detail selengkapnya, lihat dokumentasi Google Charts.
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 hasil yang ditampilkan | Deskripsi singkat |
|---|---|---|
build() | Chart | Membuat diagram. |
enable | Table | Menetapkan apakah akan mengaktifkan paging melalui data. |
enable | Table | Mengaktifkan paging dan menetapkan jumlah baris di setiap halaman. |
enable | Table | Mengaktifkan penomoran halaman, menetapkan jumlah baris di setiap halaman, dan halaman tabel pertama yang akan ditampilkan (nomor halaman berbasis nol). |
enable | Table | Menambahkan dukungan dasar untuk bahasa kanan ke kiri (seperti Arab atau Ibrani) dengan membalikkan urutan kolom tabel, sehingga kolom nol adalah kolom paling kanan, dan kolom terakhir adalah kolom paling kiri. |
enable | Table | Menetapkan apakah akan mengurutkan kolom saat pengguna mengklik judul kolom. |
set | Table | Menetapkan URL sumber data yang digunakan untuk mengambil data dari sumber eksternal, seperti Google Spreadsheet. |
set | Table | Menetapkan tabel data yang akan digunakan untuk diagram menggunakan DataTableBuilder. |
set | Table | Menetapkan tabel data yang berisi garis untuk diagram, serta label sumbu X. |
set | Table | Menetapkan definisi tampilan data yang akan digunakan untuk diagram. |
set | Table | Menetapkan dimensi untuk diagram. |
set | Table | Menetapkan nomor baris untuk baris pertama dalam tabel data. |
set | Table | Menetapkan indeks kolom yang akan digunakan untuk mengurutkan tabel pada awalnya (naik). |
set | Table | Menetapkan indeks kolom yang akan digunakan untuk mengurutkan tabel pada awalnya (menurun). |
set | Table | Menetapkan opsi lanjutan untuk diagram ini. |
show | Table | Menetapkan apakah akan menampilkan nomor baris sebagai kolom pertama tabel. |
use | Table | Menetapkan apakah gaya warna bergantian ditetapkan ke 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 gambar statis.
enable
Menetapkan apakah akan mengaktifkan paging melalui data.
Perilaku defaultnya adalah paging dinonaktifkan. Jika penomoran halaman diaktifkan, ukuran halaman defaultnya adalah 10.
Parameter
| Nama | Jenis | Deskripsi |
|---|---|---|
enable | Boolean | true jika paging harus diaktifkan, false jika tidak. |
Pulang pergi
Table — Builder ini berguna untuk membuat rantai.
enable
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. const builder = Charts.newTableChart(); builder.enablePaging(5);
Parameter
| Nama | Jenis | Deskripsi |
|---|---|---|
page | Integer | Jumlah baris di setiap halaman tabel. |
Pulang pergi
Table — Builder ini berguna untuk membuat rantai.
enable
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 |
|---|---|---|
page | Integer | Jumlah baris di setiap halaman tabel. |
start | Integer | Halaman tabel pertama yang akan ditampilkan (nomor halaman berbasis nol). |
Pulang pergi
Table — Builder ini berguna untuk membuat rantai.
enable
Menambahkan dukungan dasar untuk bahasa kanan ke kiri (seperti 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, bahkan dengan opsi ini. Opsi ini diabaikan jika Anda mengaktifkan paging (menggunakan opsi halaman), atau jika tabel memiliki panel scroll 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 |
|---|---|---|
rtl | Boolean | true jika dukungan kanan-ke-kiri harus diaktifkan, false
jika tidak. |
Pulang pergi
Table — Builder ini berguna untuk membuat rantai.
enable
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 |
|---|---|---|
enable | Boolean | true untuk mengaktifkan pengurutan dengan mengklik header kolom, false jika tidak. |
Pulang pergi
Table — Builder ini berguna untuk membuat rantai.
set
Menetapkan URL sumber data yang digunakan untuk mengambil data dari sumber eksternal, seperti Google Spreadsheet. Jika URL sumber data dan DataTable disediakan, URL sumber data akan diabaikan.
Untuk informasi selengkapnya tentang cara membuat kueri sumber data, lihat dokumentasi Google Charts.
Parameter
| Nama | Jenis | Deskripsi |
|---|---|---|
url | String | URL sumber data, termasuk parameter kueri. |
Pulang pergi
Table — Builder ini berguna untuk membuat rantai.
set
Menetapkan tabel data yang akan digunakan untuk diagram menggunakan DataTableBuilder. Ini adalah metode praktis
untuk menetapkan tabel data tanpa perlu memanggil build().
Parameter
| Nama | Jenis | Deskripsi |
|---|---|---|
table | Data | Builder tabel data. Tabel data baru akan langsung dibuat sebagai bagian dari panggilan ini, sehingga pembaruan lebih lanjut pada builder tidak akan tercermin dalam diagram. |
Pulang pergi
Table — Builder ini berguna untuk membuat rantai.
set
Menetapkan tabel data yang berisi garis untuk diagram, serta label sumbu X. Kolom pertama harus berupa string, dan berisi label sumbu horizontal. Jumlah kolom yang dapat mengikuti, semuanya harus berupa angka. Setiap kolom ditampilkan sebagai baris terpisah.
Parameter
| Nama | Jenis | Deskripsi |
|---|---|---|
table | Data | Tabel data yang akan digunakan untuk diagram. |
Pulang pergi
Table — Builder ini berguna untuk membuat rantai.
set
Menetapkan definisi tampilan data yang akan digunakan untuk diagram.
Parameter
| Nama | Jenis | Deskripsi |
|---|---|---|
data | Data | Objek definisi tampilan data yang menentukan tampilan yang harus berasal dari sumber data tertentu untuk gambar diagram. |
Pulang pergi
Table — Builder ini berguna untuk membuat rantai.
set
Menetapkan dimensi untuk diagram.
Parameter
| Nama | Jenis | Deskripsi |
|---|---|---|
width | Integer | Lebar diagram, dalam piksel. |
height | Integer | Tinggi diagram, dalam piksel. |
Pulang pergi
Table — Builder ini berguna untuk membuat rantai.
set
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
Table — Builder ini berguna untuk membuat rantai.
set
Menetapkan indeks kolom yang akan digunakan untuk mengurutkan tabel pada awalnya (naik).
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
Table — Builder ini berguna untuk membuat rantai.
set
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
Table — Builder ini berguna untuk membuat rantai.
set
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 ditetapkan. |
value | Object | Nilai yang akan ditetapkan. |
Pulang pergi
Table — Builder ini berguna untuk membuat rantai.
show
Menetapkan apakah akan menampilkan nomor baris sebagai kolom pertama tabel.
Perilaku defaultnya adalah tidak menampilkan nomor baris.
Parameter
| Nama | Jenis | Deskripsi |
|---|---|---|
show | Boolean | true jika kolom pertama tabel harus menampilkan nomor baris,
false jika tidak. |
Pulang pergi
Table — Builder ini berguna untuk membuat rantai.
use
Menetapkan apakah gaya warna bergantian 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. |
Pulang pergi
Table — Builder ini berguna untuk membuat rantai.