Anda dapat menggunakan Google Chart Tools dengan setelan defaultnya - semua penyesuaian bersifat opsional dan penyiapan dasarnya siap diluncurkan. Namun, diagram dapat dengan mudah disesuaikan jika halaman web Anda mengadopsi gaya yang bertentangan dengan default yang diberikan. Setiap diagram menampilkan sejumlah opsi yang menyesuaikan tampilan dan nuansanya. Opsi ini dinyatakan sebagai pasangan nama:nilai dalam objek opsi yang diteruskan ke metode draw() diagram.
Diagram biasanya mendukung opsi kustom yang sesuai dengan visualisasi tersebut.
Misalnya, diagram tabel mendukung opsi sortColumn untuk menentukan kolom pengurutan default, dan visualisasi diagram lingkaran mendukung opsi colors yang memungkinkan Anda menentukan warna irisan. Setiap dokumentasi diagram harus menjelaskan opsi yang didukungnya.
Anda akan meneruskan opsi sebagai parameter kedua opsional
ke metode draw() diagram
yang dijelaskan sebelumnya. Anda menentukan opsi dengan membuat objek dengan properti khusus untuk setiap diagram.
Contoh berikut menunjukkan pembuatan objek opsi yang menentukan semua properti ini:
var options = {
width: 400,
height: 240,
title: 'Toppings I Like On My Pizza',
colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6']
};
chart.draw(data, options);
Berikut adalah diagram yang dibuat oleh kode ini.
|
|
Anda juga dapat menentukan opsi secara harfiah dalam metode draw():
chart.draw(data, {
width: 400,
height: 240,
title: 'Toppings I Like On My Pizza',
colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'],
is3D: true
});
Berikut adalah diagram yang dibuat oleh kode ini.
|
|
Informasi Selengkapnya