Penting: Bagian Diagram Gambar di Google Chart Tools tidak lagi digunakan secara resmi secara resmi sejak tanggal 20 April 2012. Fitur ini akan terus berfungsi sesuai dengan kebijakan penghentian penggunaan kami.
Ringkasan
Diagram lingkaran yang dirender sebagai gambar menggunakan Google Chart API.
Contoh
<html> <head> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> google.charts.load("current", {packages:["imagepiechart"]}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['Task', 'Hours per Day'], ['Work', 11], ['Eat', 2], ['Commute', 2], ['Watch TV', 2], ['Sleep', 7] ]); var chart = new google.visualization.ImagePieChart(document.getElementById('chart_div')); chart.draw(data, {width: 430, height: 240, title: 'My Daily Activities'}); } </script> </head> <body> <div id="chart_div" style="width: 400px; height: 240px;"></div> </body> </html>
Memuat
Nama paket google.charts.load
adalah "imagepiechart"
:
google.charts.load('current', {packages: ['imagepiechart']});
Nama class visualisasinya adalah google.visualization.ImagePieChart
var visualization = new google.visualization.ImagePieChart(container);
Format Data
Dua kolom. Kolom pertama harus berupa string dan berisi label irisan. Kolom kedua harus berupa angka, dan berisi nilai irisan.
Opsi Konfigurasi
Anda dapat menentukan opsi berikut sebagai bagian dari objek options yang diteruskan ke metode draw()
visualisasi.
Name | Jenis | Default | Deskripsi |
---|---|---|---|
backgroundColor | string | '#FFFFFF' (putih) | Warna latar belakang untuk diagram dalam Format warna Chart API. |
warna | string | Otomatis | Menentukan warna dasar yang akan digunakan untuk semua seri; setiap rangkaian akan menjadi gradasi
warna yang ditentukan. Warna ditentukan dalam format warna Chart API.
Diabaikan jika colors ditentukan. |
warna | Larik<string> | Otomatis | Gunakan ini untuk menetapkan warna tertentu ke setiap rangkaian data. Warna ditentukan
dalam format warna Chart API.
Warna i digunakan untuk kolom data i, yang digabungkan ke awal
jika ada lebih banyak kolom data daripada warna. Jika variasi satu warna
dapat diterima untuk semua seri, gunakan opsi color
sebagai gantinya. |
enableEvents | boolean | salah | Menyebabkan diagram menampilkan peristiwa yang dipicu pengguna seperti klik atau mengarahkan kursor ke mouse. Hanya didukung untuk jenis diagram tertentu. Lihat Peristiwa di bawah. |
tinggi | angka | Tinggi penampung | Tinggi diagram dalam piksel. |
3D | boolean | salah | Jika disetel ke benar (true), diagram tiga dimensi akan ditampilkan. |
label | string | 'tidak ada' | Label apa, jika ada, yang akan ditampilkan untuk setiap bagian. Pilih dari nilai berikut:
|
legenda | string | 'kanan' | Lokasi legenda pada diagram. Pilih salah satu nilai berikut: 'top', 'bottom', 'left', 'right', 'none'. |
judul | string | tanpa judul | Teks yang akan ditampilkan di atas diagram. |
lebar | angka | Lebar penampung | Lebar diagram dalam piksel. |
Metode
Metode | Jenis Nilai yang Ditampilkan | Deskripsi |
---|---|---|
draw(data, options) |
tidak ada | Menggambar diagram. |
Acara
Anda dapat mendaftar untuk memproses peristiwa yang dijelaskan di halaman Generic Image Chart.
Kebijakan Data
Lihat kebijakan logging Chart API.