Ringkasan
Diagram area yang dirender dalam browser menggunakan SVG atau VML. Menampilkan tips saat mengarahkan kursor ke titik.
Contoh Sederhana
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses'],
['2013', 1000, 400],
['2014', 1170, 460],
['2015', 660, 1120],
['2016', 1030, 540]
]);
var options = {
title: 'Company Performance',
hAxis: {title: 'Year', titleTextStyle: {color: '#333'}},
vAxis: {minValue: 0}
};
var chart = new google.visualization.AreaChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="chart_div" style="width: 100%; height: 500px;"></div>
</body>
</html>
Area Tumpukan
Secara default, diagram area menggambar deret di atas satu sama lain. Anda dapat menumpuk mereka di atas
satu sama lain, sehingga nilai data pada setiap nilai x dijumlahkan. Dalam diagram area, nilai
untuk setiap deret akan selalu ditumpuk secara relatif terhadap nilai deret sebelumnya. Menumpuk campuran nilai negatif dan positif akan menyebabkan area tersebut tumpang-tindih. Penting untuk diperhatikan bahwa opsi interpolateNulls tidak berfungsi dengan diagram area bertumpuk.
Di sebelah kiri, isStacked ditetapkan ke salah (default), dan di sebelah kanan ditetapkan ke benar:
Perhatikan bahwa urutan entri legenda berbeda. Pada diagram kedua yang ditumpuk, urutannya dibalik, dengan menempatkan deret 0 di bagian bawah, agar lebih sesuai dengan tumpukan elemen deret, membuat legenda sesuai dengan data.
Diagram area bertumpuk juga mendukung penumpukan 100%, dengan tumpukan elemen di setiap nilai domain diubah skalanya sehingga jumlahnya mencapai 100%. Opsi untuk ini adalah isStacked: 'percent', yang memformat setiap nilai sebagai persentase 100%, dan isStacked: 'relative', yang memformat setiap nilai sebagai pecahan 1. Ada juga opsi isStacked: 'absolute', yang secara fungsional setara dengan isStacked: true.
Perhatikan bahwa dalam diagram bertumpuk 100% di sebelah kanan, nilai tick didasarkan pada skala relatif 0-1 sebagai pecahan 1.
var options_stacked = {
isStacked: true,
height: 300,
legend: {position: 'top', maxLines: 3},
vAxis: {minValue: 0}
};
var options_fullStacked = {
isStacked: 'relative',
height: 300,
legend: {position: 'top', maxLines: 3},
vAxis: {
minValue: 0,
ticks: [0, .3, .6, .9, 1]
}
};
Misalkan salah satu deret Anda tidak memiliki data untuk sebagian nilai x. Misalnya, dalam diagram di atas, anggap saja drone tidak tersedia hingga tahun 2015, dan Segways tidak tersedia pada tahun 2014. Perhatikan bahwa kita menggunakan nilai null jika data kurang, sehingga diagram akan terlihat seperti ini:
Jika diskontinuitas tersebut tidak menarik, Anda dapat mengganti nol dengan null, dan/atau menetapkan opsi interpolateNulls ke true:
Memuat
Nama paket google.charts.load adalah "corechart".
google.charts.load("current", {packages: ["corechart"]});
Nama class visualisasi adalah google.visualization.AreaChart.
var visualization = new google.visualization.AreaChart(container);
Format Data
Baris: Setiap baris dalam tabel mewakili sekumpulan titik data dengan lokasi sumbu x yang sama.
Kolom:
| Kolom 0 | Kolom 1 | ... | Kolom N | |
|---|---|---|---|---|
| Tujuan: |
|
Nilai baris 1 | ... | Nilai garis N |
| Jenis Data: |
|
number | ... | number |
| Peran: | domain | data | ... | data |
| Peran kolom opsional: | ... |
Opsi Konfigurasi
| Name | |
|---|---|
| aggregationTarget |
Cara beberapa pilihan data digabungkan ke dalam tooltip:
aggregationTarget akan sering digunakan bersama dengan selectionMode dan tooltip.trigger, misalnya:
var options = {
// Allow multiple
// simultaneous selections.
selectionMode: 'multiple',
// Trigger tooltips
// on selections.
tooltip: {trigger: 'selection'},
// Group selections
// by x-value.
aggregationTarget: 'category',
};
Jenis: string
Default: 'otomatis'
|
| animation.duration |
Durasi animasi, dalam milidetik. Untuk detailnya, lihat dokumentasi animasi. Jenis: nomor
Default: 0
|
| animation.easing |
Fungsi easing yang diterapkan pada animasi. Tersedia opsi-opsi berikut:
Jenis: string
Default: 'linear'
|
| animation.startup |
Menentukan apakah diagram akan dianimasikan pada penggambaran awal. Jika Jenis: boolean
Default false
|
| annotations.boxStyle |
Untuk diagram yang mendukung anotasi, objek
var options = {
annotations: {
boxStyle: {
// Color of the box outline.
stroke: '#888',
// Thickness of the box outline.
strokeWidth: 1,
// x-radius of the corner curvature.
rx: 10,
// y-radius of the corner curvature.
ry: 10,
// Attributes for linear gradient fill.
gradient: {
// Start color for gradient.
color1: '#fbf6a7',
// Finish color for gradient.
color2: '#33b679',
// Where on the boundary to start and
// end the color1/color2 gradient,
// relative to the upper left corner
// of the boundary.
x1: '0%', y1: '0%',
x2: '100%', y2: '100%',
// If true, the boundary for x1,
// y1, x2, and y2 is the box. If
// false, it's the entire chart.
useObjectBoundingBoxUnits: true
}
}
}
};
Saat ini opsi ini didukung untuk diagram area, batang, kolom, kombinasi, garis, dan sebar. Parameter ini tidak didukung oleh Annotation Chart. Jenis: objek
Default: null
|
| annotations.datum |
Untuk diagram yang mendukung anotasi, objek
annotations.datum memungkinkan Anda mengganti pilihan Google Chart untuk anotasi yang disediakan untuk setiap elemen data (seperti nilai yang ditampilkan dengan setiap batang pada diagram batang). Anda dapat mengontrol warna dengan annotations.datum.stem.color, panjang batang dengan annotations.datum.stem.length, dan gaya dengan annotations.datum.style.
Jenis: objek
Default: warnanya "black"; panjangnya adalah 12; gayanya adalah "point".
|
| annotations.domain |
Untuk diagram yang mendukung anotasi, objek
annotations.domain memungkinkan Anda mengganti pilihan Google Chart untuk anotasi yang disediakan untuk domain (sumbu utama diagram, seperti sumbu X pada diagram garis biasa). Anda dapat mengontrol warna dengan annotations.domain.stem.color, panjang batang dengan annotations.domain.stem.length, dan gaya dengan annotations.domain.style.
Jenis: objek
Default: warnanya "hitam"; panjangnya 5; gayanya adalah "titik".
|
| annotations.highContrast |
Untuk diagram yang mendukung anotasi, boolean
annotations.highContrast memungkinkan Anda mengganti pilihan warna anotasi Google Chart. Secara default, annotations.highContrast bernilai benar (true), yang menyebabkan Diagram memilih warna anotasi dengan kontras yang baik: warna terang pada latar belakang gelap, dan gelap saat terang. Jika Anda menetapkan annotations.highContrast ke salah (false) dan tidak menentukan warna anotasi Anda sendiri, Google Chart akan menggunakan warna deret default untuk anotasi tersebut:
Jenis: boolean
Default: benar (true)
|
| annotations.stem |
Untuk diagram yang mendukung anotasi, objek
annotations.stem memungkinkan Anda mengganti pilihan Google Chart untuk gaya batang. Anda dapat mengontrol warna dengan annotations.stem.color dan panjang batang dengan annotations.stem.length. Perhatikan bahwa opsi panjang batang tidak berpengaruh pada anotasi dengan gaya 'line': untuk anotasi data 'line', panjang batang selalu sama dengan teks, dan untuk anotasi domain 'line', batangnya akan meluas ke seluruh diagram.
Jenis: objek
Default: warnanya "black"; panjangnya adalah 5 untuk anotasi domain dan 12 untuk anotasi data.
|
| annotations.style |
Untuk diagram yang mendukung
anotasi,
opsi
annotations.style memungkinkan Anda mengganti
pilihan jenis anotasi Google Chart. Nilainya dapat berupa 'line' atau 'point'.
Jenis: string
Default: 'point'
|
| annotations.textStyle |
Untuk diagram yang mendukung anotasi, objek
annotations.textStyle mengontrol tampilan teks anotasi:
var options = {
annotations: {
textStyle: {
fontName: 'Times-Roman',
fontSize: 18,
bold: true,
italic: true,
// The color of the text.
color: '#871b47',
// The color of the text outline.
auraColor: '#d799ae',
// The transparency of the text.
opacity: 0.8
}
}
};
Saat ini opsi ini didukung untuk diagram area, batang, kolom, kombinasi, garis, dan sebar. Nilai ini tidak didukung oleh Diagram Anotasi . Jenis: objek
Default: null
|
| areaOpacity |
Opasitas default area berwarna di bawah deret diagram area, dengan 0,0 sepenuhnya transparan dan 1,0 sepenuhnya buram. Guna menentukan opasitas bagi masing-masing deret, tetapkan nilai areaOpacity di properti Jenis: angka, 0.0–1.0
Default: 0,3
|
| axisTitlesPosition |
Lokasi untuk menempatkan judul sumbu, dibandingkan dengan area diagram. Nilai yang didukung:
Jenis: string
Default: 'out'
|
| backgroundColor |
Warna latar belakang untuk area utama diagram. Dapat berupa string warna HTML sederhana, misalnya: Jenis: string atau objek
Default: 'putih'
|
| backgroundColor.stroke |
Warna batas diagram, sebagai string warna HTML. Jenis: string
Default: '#666'
|
| backgroundColor.strokeWidth |
Lebar pembatas, dalam piksel. Jenis: nomor
Default: 0
|
| backgroundColor.fill |
Warna pengisi diagram, sebagai string warna HTML. Jenis: string
Default: 'putih'
|
| chartArea |
Objek dengan anggota untuk mengonfigurasi penempatan dan ukuran area diagram (tempat diagram itu sendiri digambar, tidak termasuk sumbu dan legenda). Dua format didukung: angka, atau
angka yang diikuti dengan %. Angka sederhana adalah nilai dalam piksel; angka yang diikuti dengan % adalah
persentase. Contoh: Jenis: objek
Default: null
|
| chartArea.backgroundColor |
Warna latar belakang area diagram. Jika digunakan, string dapat berupa string heksadesimal (misalnya, '#fdc') atau nama warna bahasa Inggris. Saat sebuah objek digunakan, properti berikut dapat
diberikan:
Jenis: string atau objek
Default: 'putih'
|
| chartArea.left |
Seberapa jauh menggambar diagram dari batas kiri. Jenis: angka atau string
Default: otomatis
|
| chartArea.top |
Seberapa jauh menggambar diagram dari batas atas. Jenis: angka atau string
Default: otomatis
|
| chartArea.width |
Lebar area diagram. Jenis: angka atau string
Default: otomatis
|
| chartArea.height |
Tinggi area diagram. Jenis: angka atau string
Default: otomatis
|
| warna |
Warna yang akan digunakan untuk elemen diagram. Array string, dengan setiap elemennya adalah string warna HTML, misalnya: Jenis: Array string
Default: warna default
|
| garis bidik |
Objek yang berisi properti crosshair untuk diagram. Jenis: objek
Default: null
|
| crosshair.color |
Warna garis bidik, dinyatakan sebagai nama warna (mis., "blue") atau nilai RGB (misalnya, "#adf"). Jenis: string
Jenis: default
|
| crosshair.focused |
Objek yang berisi properti garis bidik saat fokus. Jenis: objek
Default: default
|
| crosshair.opacity |
Opasitas crosshair, dengan Jenis: nomor
Default: 1,0
|
| crosshair.orientation |
Orientasi garis bidik, yang bisa 'vertikal' untuk rambut vertikal saja, 'horizontal' hanya untuk rambut horizontal, atau 'keduanya' untuk garis bidik tradisional. Jenis: string
Default: 'keduanya'
|
| crosshair.selected |
Objek yang berisi properti garis bidik saat pemilihan. Jenis: objek
Default: default
|
| crosshair.trigger |
Kapan menampilkan garis bidik: pada Jenis: string
Default: 'keduanya'
|
| dataOpacity |
Transparansi titik data, dengan 1,0 adalah benar-benar buram dan 0,0 sepenuhnya transparan. Dalam diagram sebar, histogram, batang, dan kolom, ini mengacu pada data yang terlihat: titik di diagram sebar dan persegi panjang di diagram lain. Dalam diagram dengan pemilihan data yang membuat titik, seperti diagram garis dan area, hal ini mengacu pada lingkaran yang muncul saat mengarahkan kursor atau memilih. Diagram kombinasi menunjukkan kedua perilaku tersebut, dan opsi ini tidak berpengaruh pada diagram lainnya. (Untuk mengubah opasitas garis tren, lihat opasitas garis tren .) Jenis: nomor
Default: 1,0
|
| enableInteractivity |
Apakah diagram menampilkan peristiwa berbasis pengguna atau bereaksi terhadap interaksi pengguna. Jika salah, diagram tidak akan menampilkan peristiwa 'select' atau peristiwa berbasis interaksi lainnya (tetapi akan menampilkan peristiwa siap atau error), dan tidak akan menampilkan teks informasi atau berubah, bergantung pada input pengguna. Jenis: boolean
Default: benar (true)
|
| explorer |
Opsi Fitur ini bersifat eksperimental dan dapat berubah dalam rilis mendatang. Catatan: Penjelajah hanya berfungsi dengan sumbu kontinu (seperti angka atau tanggal). Jenis: objek
Default: null
|
| explorer.actions |
Penjelajah Google Chart mendukung tiga tindakan:
Jenis: Array string
Default: ['dragToPan', 'rightClickToReset']
|
| explorer.axis |
Secara default, pengguna dapat menggeser secara horizontal dan vertikal saat opsi Jenis: string
Default: penggeseran horizontal dan vertikal
|
| explorer.keepInBounds |
Secara default, pengguna dapat menggeser ke semua bagian, di mana pun data berada. Untuk memastikan pengguna tidak menggeser di luar diagram yang asli, gunakan Jenis: boolean
Default: false
|
| explorer.maxZoomIn |
Jumlah maksimum yang dapat diperbesar oleh penjelajah. Secara default, pengguna dapat memperbesar secukupnya sehingga mereka hanya melihat 25% tampilan aslinya. Dengan menetapkan Jenis: nomor
Default: 0,25
|
| explorer.maxZoomOut |
Batas maksimum yang dapat diperkecil oleh penjelajah. Secara default, pengguna dapat memperkecil tampilan hingga diagram hanya menggunakan 1/4 dari ruang yang tersedia. Menetapkan Jenis: nomor
Default: 4
|
| explorer.zoomDelta |
Saat pengguna memperbesar atau memperkecil, Jenis: nomor
Default: 1,5
|
| focusTarget |
Jenis entitas yang menerima fokus pada pengarahan kursor mouse. Juga memengaruhi entity yang dipilih oleh klik mouse, dan elemen tabel data yang dikaitkan dengan peristiwa. Dapat berupa salah satu dari hal berikut:
Di focusTarget 'category', tooltip menampilkan semua nilai kategori. Cara ini mungkin berguna untuk membandingkan nilai berbagai deret. Jenis: string
Default: 'datum'
|
| fontSize |
Ukuran font default, dalam piksel, untuk semua teks dalam diagram. Anda dapat menggantinya menggunakan properti untuk elemen diagram tertentu. Jenis: nomor
Default: otomatis
|
| fontName |
Tampilan font default untuk semua teks dalam diagram. Anda dapat menggantinya menggunakan properti untuk elemen diagram tertentu. Jenis: string
Default: 'XXXXXXXX'
|
| forceIFrame |
Menggambar diagram di dalam bingkai inline. (Perhatikan bahwa pada IE8, opsi ini diabaikan; semua diagram IE8 digambar dalam i-frame.) Jenis: boolean
Default: false
|
| hAxis |
Objek dengan anggota untuk mengonfigurasi berbagai elemen sumbu horizontal. Untuk menentukan properti objek ini, Anda dapat menggunakan notasi literal objek, seperti yang ditunjukkan di sini:
{
title: 'Hello',
titleTextStyle: {
color: '#FF0000'
}
}
Jenis: objek
Default: null
|
| hAxis.baseline |
Garis dasar untuk sumbu horizontal. Opsi ini hanya didukung untuk sumbu Jenis: nomor
Default: otomatis
|
| hAxis.baselineColor |
Warna dasar pengukuran untuk sumbu horizontal. Dapat berupa string warna HTML apa pun, misalnya:
Opsi ini hanya didukung untuk sumbu Jenis: nomor
Default: 'hitam'
|
| hAxis.direction |
Arah pertumbuhan nilai di sepanjang sumbu horizontal. Tentukan Jenis: 1 atau -1
Default: 1
|
| hAxis.format |
String format untuk label sumbu tanggal atau numerik.
Untuk label sumbu angka, ini adalah subset format desimal
kumpulan pola ICU
. Misalnya,
Untuk label sumbu tanggal, ini adalah subkumpulan format tanggal
kumpulan pola ICU
. Misalnya, Format sebenarnya yang diterapkan pada label berasal dari lokalitas yang memuat API. Untuk mengetahui detail selengkapnya, lihat memuat diagram dengan lokalitas tertentu .
Dalam menghitung nilai tick dan garis petak, beberapa kombinasi alternatif dari semua opsi garis petak yang relevan akan dipertimbangkan, dan alternatifnya akan ditolak jika label titik skala yang diformat akan diduplikasi atau tumpang tindih.
Jadi, Anda dapat menentukan
Opsi ini hanya didukung untuk sumbu
Jenis: string
Default: otomatis
|
| hAxis.gridlines |
Objek dengan properti untuk mengonfigurasi garis petak pada sumbu horizontal. Perhatikan bahwa garis petak sumbu horizontal digambar secara vertikal. Untuk menentukan properti objek ini, Anda dapat menggunakan notasi literal objek, seperti yang ditunjukkan di sini: {color: '#333', minSpacing: 20}
Opsi ini hanya didukung untuk sumbu
Jenis: objek
Default: null
|
| hAxis.gridlines.color |
Warna garis petak horizontal di dalam area diagram. Tentukan string warna HTML yang valid. Jenis: string
Default: '#CCC'
|
| hAxis.gridlines.count |
Perkiraan jumlah garis petak horizontal di dalam area diagram.
Jika Anda menentukan angka positif untuk Jenis: nomor
Default: -1
|
| hAxis.gridlines.interval |
Array ukuran (sebagai nilai data, bukan piksel) di antara garis petak yang berdekatan. Saat ini, opsi ini hanya untuk sumbu numerik,
tetapi setara dengan
opsi Jenis: angka antara 1 dan 10, tidak termasuk 10.
Default: dihitung
|
| hAxis.gridlines.minSpacing |
Ruang layar minimum, dalam piksel, di antara garis petak utama hAxis.
Default untuk garis petak utama adalah Jenis: nomor
Default: dihitung
|
| hAxis.gridlines.multiple |
Semua nilai gridline dan tick harus berupa kelipatan dari nilai
opsi ini. Perlu diketahui bahwa, berbeda dengan interval, pangkat 10 kali lipat tidak dipertimbangkan.
Jadi, Anda dapat memaksa tick menjadi bilangan bulat dengan menentukan Jenis: nomor
Default: 1
|
| hAxis.gridlines.units |
Mengganti format default untuk berbagai aspek jenis data tanggal/tanggal/waktu saat digunakan dengan garis petak yang dihitung diagram. Memungkinkan pemformatan untuk tahun, bulan, hari, jam, menit, detik, dan milidetik. Format umumnya adalah:
gridlines: {
units: {
years: {format: [/*format strings here*/]},
months: {format: [/*format strings here*/]},
days: {format: [/*format strings here*/]}
hours: {format: [/*format strings here*/]}
minutes: {format: [/*format strings here*/]}
seconds: {format: [/*format strings here*/]},
milliseconds: {format: [/*format strings here*/]},
}
}
Informasi tambahan dapat ditemukan di Tanggal dan Waktu. Jenis: objek
Default: null
|
| hAxis.minorGridlines |
Objek dengan anggota untuk mengonfigurasi garis petak minor pada sumbu horizontal, mirip dengan opsi hAxis.gridlines.
Opsi ini hanya didukung untuk sumbu
Jenis: objek
Default: null
|
| hAxis.minorGridlines.color |
Warna garis petak minor horizontal di dalam area diagram. Tentukan string warna HTML yang valid. Jenis: string
Default: Kombinasi warna garis petak dan latar belakang
|
| hAxis.minorGridlines.count |
Opsi Jenis: nomor
Default:1
|
| hAxis.minorGridlines.interval |
Opsi minorGridlines.interval mirip dengan opsi interval
garis petak utama, tetapi interval yang dipilih akan selalu
menjadi pembagi genap dari interval garis petak utama.
Interval default untuk skala linear adalah
Jenis: nomor
Default:1
|
| hAxis.minorGridlines.minSpacing |
Ruang minimum yang diperlukan, dalam piksel, di antara garis petak minor yang berdekatan, dan antara garis petak kecil dan utama. Nilai defaultnya adalah 1/2 minSpacing dari garis petak utama untuk skala linear, dan 1/5 minSpacing untuk skala log. Jenis: nomor
Default:terhitung
|
| hAxis.minorGridlines.multiple |
Sama seperti utama Jenis: nomor
Default: 1
|
| hAxis.minorGridlines.units |
Mengganti format default untuk berbagai aspek jenis data tanggal/tanggal/waktu/waktu jika digunakan dengan garis minorGrid yang dihitung pada diagram. Memungkinkan pemformatan untuk tahun, bulan, hari, jam, menit, detik, dan milidetik. Format umumnya adalah:
gridlines: {
units: {
years: {format: [/*format strings here*/]},
months: {format: [/*format strings here*/]},
days: {format: [/*format strings here*/]}
hours: {format: [/*format strings here*/]}
minutes: {format: [/*format strings here*/]}
seconds: {format: [/*format strings here*/]},
milliseconds: {format: [/*format strings here*/]},
}
}
Informasi tambahan dapat ditemukan di Tanggal dan Waktu. Jenis: objek
Default: null
|
| hAxis.logScale |
Properti Opsi ini hanya didukung untuk sumbu Jenis: boolean
Default: false
|
| hAxis.scaleType |
Properti
Opsi ini hanya didukung untuk sumbu Jenis: string
Default: null
|
| hAxis.textPosition |
Posisi teks sumbu horizontal, relatif terhadap area diagram. Nilai yang didukung: 'out', 'in', 'none'. Jenis: string
Default: 'out'
|
| hAxis.textStyle |
Objek yang menetapkan gaya teks sumbu horizontal. Objek memiliki format ini:
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
Jenis: objek
Default:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| hAxis.ticks |
Mengganti tanda petik sumbu X yang dihasilkan secara otomatis dengan array yang ditentukan. Setiap elemen array harus berupa nilai tick yang valid (seperti angka, tanggal, datetime, atau waktu), atau sebuah objek. Jika berupa objek, objek tersebut harus memiliki properti
ViewWindow akan otomatis diperluas untuk
menyertakan tick min dan maks kecuali jika Anda menentukan
Contoh:
Opsi ini hanya didukung untuk sumbu
Jenis: Array elemen
Default: otomatis
|
| hAxis.title |
Properti Jenis: string
Default: null
|
| hAxis.titleTextStyle |
Objek yang menetapkan gaya teks judul sumbu horizontal. Objek memiliki format ini:
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
Jenis: objek
Default:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| hAxis.allowContainerBoundaryTextCutoff |
Jika salah (false), label terluar akan disembunyikan, bukan sehingga dapat dipangkas oleh penampung diagram. Jika true (benar), pemangkasan label akan diizinkan. Opsi ini hanya didukung untuk sumbu Jenis: boolean
Default: false
|
| hAxis.slantedText |
Jika true (benar), gambar teks sumbu horizontal pada sudut tertentu, untuk membantu menyesuaikan lebih banyak teks di sepanjang sumbu; jika
salah, gambar teks sumbu horizontal secara tegak. Perilaku defaultnya adalah teks miring jika tidak semuanya muat saat digambar tegak. Perhatikan bahwa opsi ini hanya tersedia jika Jenis: boolean
Default: otomatis
|
| hAxis.slantedTextAngle |
Sudut teks sumbu horizontal, jika digambar miring. Diabaikan jika Jenis: angka, -90—90
Default: 30
|
| hAxis.maxAlternation |
Jumlah maksimum tingkat teks sumbu horizontal. Jika label teks sumbu terlalu padat, server mungkin akan memindahkan label yang berdekatan ke atas atau ke bawah agar label berdekatan. Nilai ini menentukan jumlah tingkat paling banyak yang akan digunakan; server dapat menggunakan lebih sedikit tingkat, jika label dapat dimuat tanpa tumpang-tindih. Untuk tanggal dan waktu, defaultnya adalah 1. Jenis: nomor
Default: 2
|
| hAxis.maxTextLines |
Jumlah baris maksimum yang diizinkan untuk label teks. Label dapat mencakup beberapa baris jika terlalu panjang, dan jumlah baris secara default dibatasi oleh tinggi ruang yang tersedia. Jenis: nomor
Default: otomatis
|
| hAxis.minTextSpacing |
Spasi horizontal minimum, dalam piksel, diizinkan di antara dua label teks yang berdekatan. Jika jarak label terlalu padat atau terlalu panjang, jaraknya bisa turun di bawah batas ini, dan dalam hal ini salah satu ukuran label yang tidak rapi akan diterapkan (misalnya, memotong label atau membuang sebagian). Jenis: nomor
Default: Nilai
hAxis.textStyle.fontSize |
| hAxis.showTextEvery |
Jumlah label sumbu horizontal yang akan ditampilkan, dengan 1 berarti menampilkan setiap label, 2 berarti menampilkan setiap label lainnya, dan seterusnya. Defaultnya adalah mencoba menampilkan label sebanyak mungkin tanpa tumpang-tindih. Jenis: nomor
Default: otomatis
|
| hAxis.maxValue |
Memindahkan nilai maksimum sumbu horizontal ke nilai yang ditentukan; tindakan ini akan ke kanan di
sebagian besar diagram. Diabaikan jika ini ditetapkan ke nilai yang lebih kecil dari nilai x data maksimum.
Opsi ini hanya didukung untuk sumbu
Jenis: nomor
Default: otomatis
|
| hAxis.minValue |
Memindahkan nilai min sumbu horizontal ke nilai yang ditentukan; ini akan ke kiri di
sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai x minimum data.
Opsi ini hanya didukung untuk sumbu
Jenis: nomor
Default: otomatis
|
| hAxis.viewWindowMode |
Menentukan cara menskalakan sumbu horizontal untuk merender nilai dalam area diagram. Nilai string berikut ini didukung:
Opsi ini hanya didukung untuk sumbu
Jenis: string
Default: Setara dengan 'pretty', tetapi
haxis.viewWindow.min dan haxis.viewWindow.max lebih diutamakan jika digunakan.
|
| hAxis.viewWindow |
Menentukan rentang pemangkasan sumbu horizontal. Jenis: objek
Default: null
|
| hAxis.viewWindow.max |
Diabaikan jika Jenis: nomor
Default: otomatis
|
| hAxis.viewWindow.min |
Diabaikan jika Jenis: nomor
Default: otomatis
|
| tinggi |
Tinggi diagram, dalam piksel. Jenis: nomor
Default: tinggi elemen yang memuatnya
|
| interpolateNulls |
Apakah untuk menebak nilai poin yang hilang. Jika true (benar), metode ini akan menebak nilai data yang hilang berdasarkan titik di dekatnya. Jika salah, nilai ini akan meninggalkan jeda di garis pada titik yang tidak diketahui.
Hal ini tidak didukung oleh diagram Area dengan opsi Jenis: boolean
Default: false
|
| isStacked |
Jika disetel ke benar (true), elemen untuk semua deret akan ditumpuk di setiap nilai domain. Catatan: Di diagram Kolom, Area, dan SteppedArea, Google Chart membalik urutan item legenda agar lebih sesuai dengan tumpukan elemen deret (Misalnya, deret 0 akan menjadi item legenda paling bawah). Hal ini tidak berlaku untuk Diagram Batang.
Opsi Opsi untuk
Untuk penumpukan 100%, nilai yang dihitung untuk setiap elemen akan muncul di tooltip setelah nilai sebenarnya.
Sumbu target akan ditetapkan secara default ke nilai tick berdasarkan skala 0-1 relatif sebagai pecahan
1 untuk
100% stack hanya mendukung nilai data jenis Jenis: boolean/string
Default: false
|
| legenda |
Objek dengan anggota untuk mengonfigurasi berbagai aspek legenda. Untuk menentukan properti objek ini, Anda dapat menggunakan notasi literal objek, seperti yang ditunjukkan di sini: {position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Jenis: objek
Default: null
|
| legend.alignment |
Perataan legenda. Dapat berupa salah satu dari hal berikut:
Awal, tengah, dan akhir berhubungan dengan gaya -- vertikal atau horizontal -- legenda. Misalnya, pada legenda 'kanan', 'start' dan 'end' masing-masing berada di bagian atas dan bawah; untuk legenda 'top', 'start' dan 'end' akan berada di sebelah kiri dan kanan area tersebut. Nilai default-nya bergantung pada posisi legenda. Untuk legenda 'bawah', defaultnya adalah 'center'; legenda lainnya ditetapkan secara default ke 'start'. Jenis: string
Default: otomatis
|
| legend.maxLines |
Jumlah baris maksimum dalam legenda. Tetapkan string ini ke angka yang lebih besar dari satu untuk menambahkan garis ke legenda. Catatan: Logika sebenarnya yang digunakan untuk menentukan jumlah baris sebenarnya yang dirender masih dalam fluks. Opsi ini saat ini hanya berfungsi jika legend.position adalah 'top'. Jenis: nomor
Default: 1
|
| legend.pageIndex |
Indeks halaman legenda awal yang dipilih berdasarkan nol. Jenis: nomor
Default: 0
|
| legend.position |
Posisi legenda. Dapat berupa salah satu dari hal berikut:
Jenis: string
Default: 'right'
|
| legend.textStyle |
Objek yang menetapkan gaya teks legenda. Objek memiliki format ini:
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
Jenis: objek
Default:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| lineDashStyle |
Pola aktif dan nonaktif untuk garis putus-putus. Misalnya, Jenis: Array angka
Default: null
|
| lineWidth |
Lebar baris data dalam piksel. Gunakan nol untuk menyembunyikan semua garis dan hanya menampilkan titik. Anda dapat
mengganti nilai untuk setiap deret menggunakan properti Jenis: nomor
Default: 2
|
| orientasi |
Orientasi diagram. Jika ditetapkan ke Jenis: string
Default: 'horizontal'
|
| pointShape |
Bentuk elemen data individual: 'lingkaran', 'segitiga', 'persegi', 'belah ketupat', 'bintang', atau 'poligon'. Lihat dokumentasi poin untuk mengetahui contohnya. Jenis: string
Default: 'lingkaran'
|
| pointSize |
Diameter titik yang ditampilkan dalam piksel. Gunakan nol untuk menyembunyikan semua titik. Anda dapat mengganti nilai
untuk setiap deret menggunakan properti Jenis: nomor
Default: 0
|
| pointsVisible |
Menentukan apakah titik akan ditampilkan. Tetapkan ke
Hal ini juga dapat diganti menggunakan
peran gaya dalam bentuk
Jenis: boolean
Default: benar (true)
|
| reverseCategories |
Jika disetel ke true, akan menggambar deret dari kanan ke kiri. Defaultnya adalah menggambar dari kiri ke kanan.
Opsi ini hanya didukung untuk sumbu
Jenis: boolean
Default: false
|
| selectionMode |
Jika Jenis: string
Default: 'tunggal'
|
| series |
Array objek, masing-masing menjelaskan format deret yang sesuai dalam diagram. Untuk menggunakan nilai default rangkaian, tetapkan objek kosong {}. Jika rangkaian atau nilai tidak ditetapkan, nilai global yang akan digunakan. Setiap objek mendukung properti berikut:
Anda dapat menentukan array objek, yang masing-masing berlaku untuk deret dalam urutan yang ditentukan, atau Anda dapat menentukan objek yang setiap turunan memiliki kunci numerik yang menunjukkan ke deret mana hal tersebut diterapkan. Misalnya, dua deklarasi berikut identik, dan deklarasikan deret pertama sebagai hitam dan tidak ada di legenda, sedangkan yang keempat sebagai merah dan tidak ada di legenda:
series: [
{color: 'black', visibleInLegend: false}, {}, {},
{color: 'red', visibleInLegend: false}
]
series: {
0:{color: 'black', visibleInLegend: false},
3:{color: 'red', visibleInLegend: false}
}
Jenis: Array objek atau objek dengan objek bertingkat
Default: {}
|
| tema |
Tema adalah sekumpulan nilai opsi yang telah ditentukan yang bekerja sama untuk mencapai perilaku diagram atau efek visual tertentu. Saat ini hanya satu tema yang tersedia:
Jenis: string
Default: null
|
| title |
Teks yang akan ditampilkan di atas diagram. Jenis: string
Default: tanpa judul
|
| titlePosition |
Lokasi untuk menempatkan judul bagan, dibandingkan dengan area bagan. Nilai yang didukung:
Jenis: string
Default: 'out'
|
| titleTextStyle |
Objek yang menetapkan gaya teks judul. Objek memiliki format ini:
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
Jenis: objek
Default:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| tooltip |
Objek dengan anggota untuk mengonfigurasi berbagai elemen tooltip. Untuk menentukan properti objek ini, Anda dapat menggunakan notasi literal objek, seperti yang ditampilkan di sini: {textStyle: {color: '#FF0000'}, showColorCode: true}
Jenis: objek
Default: null
|
| tooltip.ignoreBounds |
Jika ditetapkan ke Catatan: Ini hanya berlaku untuk tooltip HTML. Jika kebijakan ini diaktifkan dengan tooltip SVG, kelebihan apa pun di luar batas diagram akan dipangkas. Lihat Menyesuaikan Konten Tooltip untuk mengetahui detail selengkapnya. Jenis: boolean
Default: false
|
| tooltip.isHtml |
Jika disetel ke benar (true), gunakan tooltip yang dirender dengan HTML (bukan yang dirender SVG. Lihat Menyesuaikan Konten Tooltip untuk mengetahui detail selengkapnya. Catatan: penyesuaian konten tooltip HTML melalui peran data kolom tooltip tidak didukung oleh visualisasi Bubble Chart. Jenis: boolean
Default: false
|
| tooltip.showColorCode |
Jika benar, tampilkan kotak berwarna di samping informasi serial dalam tooltip. Nilai defaultnya adalah benar (true) jika Jenis: boolean
Default: otomatis
|
| tooltip.textStyle |
Objek yang menentukan gaya teks tooltip. Objek memiliki format ini:
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
Jenis: objek
Default:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| tooltip.trigger |
Interaksi pengguna yang menyebabkan tooltip ditampilkan:
Jenis: string
Default: 'fokus'
|
| vAxes |
Menentukan properti untuk masing-masing sumbu vertikal, jika diagram memiliki beberapa sumbu vertikal.
Setiap objek turunan adalah objek
Untuk menentukan diagram dengan beberapa sumbu vertikal, pertama-tama tentukan sumbu baru menggunakan
{
series: {
2: {
targetAxisIndex:1
}
},
vAxes: {
1: {
title:'Losses',
textStyle: {color: 'red'}
}
}
}
Properti ini dapat berupa objek atau array: objek adalah kumpulan objek,
masing-masing dengan label numerik yang menentukan sumbu yang ditentukan--ini adalah format yang ditampilkan
di atas; array adalah array objek, satu per sumbu. Misalnya, notasi gaya array berikut identik dengan objek
vAxes: [
{}, // Nothing specified for axis 0
{
title:'Losses',
textStyle: {color: 'red'} // Axis 1
}
]
Jenis: Array objek atau objek dengan objek turunan
Default: null
|
| vAxis |
Objek dengan anggota untuk mengonfigurasi berbagai elemen sumbu vertikal. Untuk menentukan properti objek ini, Anda dapat menggunakan notasi literal objek, seperti yang ditunjukkan di sini: {title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Jenis: objek
Default: null
|
| vAxis.baseline |
Properti Jenis: nomor
Default: otomatis
|
| vAxis.baselineColor |
Menentukan warna dasar pengukuran untuk sumbu vertikal. Dapat berupa string warna HTML apa pun, misalnya: Jenis: nomor
Default: 'hitam'
|
| vAxis.direction |
Arah perkembangan nilai di sepanjang sumbu vertikal. Secara default, nilai yang rendah berada di bagian bawah diagram. Tentukan Jenis: 1 atau -1
Default: 1
|
| vAxis.format |
String format untuk label sumbu numerik. Ini adalah subset dari
kumpulan pola ICU
.
Misalnya,
Format sebenarnya yang diterapkan pada label berasal dari lokalitas yang memuat API. Untuk mengetahui detail selengkapnya, lihat memuat diagram dengan lokalitas tertentu .
Dalam menghitung nilai tick dan garis petak, beberapa kombinasi alternatif dari semua opsi garis petak yang relevan akan dipertimbangkan, dan alternatifnya akan ditolak jika label titik skala yang diformat akan diduplikasi atau tumpang tindih.
Jadi, Anda dapat menentukan Jenis: string
Default: otomatis
|
| vAxis.gridlines |
Objek dengan anggota untuk mengonfigurasi garis petak pada sumbu vertikal. Perhatikan bahwa garis petak sumbu vertikal digambar secara horizontal. Untuk menentukan properti objek ini, Anda dapat menggunakan notasi literal objek, seperti yang ditunjukkan di sini: {color: '#333', minSpacing: 20}
Jenis: objek
Default: null
|
| vAxis.gridlines.color |
Warna garis petak vertikal di dalam area diagram. Tentukan string warna HTML yang valid. Jenis: string
Default: '#CCC'
|
| vAxis.gridlines.count |
Perkiraan jumlah garis petak horizontal di dalam area diagram.
Jika Anda menentukan angka positif untuk Jenis: nomor
Default: -1
|
| vAxis.gridlines.interval |
Array ukuran (sebagai nilai data, bukan piksel) di antara garis petak yang berdekatan. Saat ini, opsi ini hanya untuk sumbu numerik,
tetapi setara dengan
opsi Jenis: angka antara 1 dan 10, tidak termasuk 10.
Default: dihitung
|
| vAxis.gridlines.minSpacing |
Ruang layar minimum, dalam piksel, di antara garis petak utama hAxis.
Default untuk garis petak utama adalah Jenis: nomor
Default: dihitung
|
| vAxis.gridlines.multiple |
Semua nilai gridline dan tick harus berupa kelipatan dari nilai
opsi ini. Perlu diketahui bahwa, berbeda dengan interval, pangkat 10 kali lipat tidak dipertimbangkan.
Jadi, Anda dapat memaksa tick menjadi bilangan bulat dengan menentukan Jenis: nomor
Default: 1
|
| vAxis.gridlines.units |
Mengganti format default untuk berbagai aspek jenis data tanggal/tanggal/waktu saat digunakan dengan garis petak yang dihitung diagram. Memungkinkan pemformatan untuk tahun, bulan, hari, jam, menit, detik, dan milidetik. Format umumnya adalah:
gridlines: {
units: {
years: {format: [/*format strings here*/]},
months: {format: [/*format strings here*/]},
days: {format: [/*format strings here*/]},
hours: {format: [/*format strings here*/]},
minutes: {format: [/*format strings here*/]},
seconds: {format: [/*format strings here*/]},
milliseconds: {format: [/*format strings here*/]}
}
}
Informasi tambahan dapat ditemukan di Tanggal dan Waktu. Jenis: objek
Default: null
|
| vAxis.minorGridlines |
Objek dengan anggota untuk mengonfigurasi garis petak minor pada sumbu vertikal, mirip dengan opsi vAxis.gridlines. Jenis: objek
Default: null
|
| vAxis.minorGridlines.color |
Warna garis petak minor vertikal di dalam area diagram. Tentukan string warna HTML yang valid. Jenis: string
Default: Kombinasi warna garis petak dan latar belakang
|
| vAxis.minorGridlines.interval |
Opsi minorGridlines.interval mirip dengan opsi interval
garis petak utama, tetapi interval yang dipilih akan selalu
menjadi pembagi genap dari interval garis petak utama.
Interval default untuk skala linear adalah
Jenis: nomor
Default:1
|
| vAxis.minorGridlines.minSpacing |
Ruang minimum yang diperlukan, dalam piksel, di antara garis petak minor yang berdekatan, dan antara garis petak kecil dan utama. Nilai defaultnya adalah 1/2 minSpacing dari garis petak utama untuk skala linear, dan 1/5 minSpacing untuk skala log. Jenis: nomor
Default:terhitung
|
| vAxis.minorGridlines.multiple |
Sama seperti utama Jenis: nomor
Default: 1
|
| vAxis.minorGridlines.count |
Opsi minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis petak minor dengan menetapkan hitungan ke 0. Jumlah garis petak minor bergantung pada interval antara garis petak utama (lihat vAxis.gridlines.interval) dan ruang minimum yang diperlukan (lihat vAxis.minorGridlines.minSpacing). Jenis: nomor
Default: 1
|
| vAxis.minorGridlines.units |
Mengganti format default untuk berbagai aspek jenis data tanggal/tanggal/waktu/waktu jika digunakan dengan garis minorGrid yang dihitung pada diagram. Memungkinkan pemformatan untuk tahun, bulan, hari, jam, menit, detik, dan milidetik. Format umumnya adalah:
gridlines: {
units: {
years: {format: [/*format strings here*/]},
months: {format: [/*format strings here*/]},
days: {format: [/*format strings here*/]}
hours: {format: [/*format strings here*/]}
minutes: {format: [/*format strings here*/]}
seconds: {format: [/*format strings here*/]},
milliseconds: {format: [/*format strings here*/]},
}
}
Informasi tambahan dapat ditemukan di Tanggal dan Waktu. Jenis: objek
Default: null
|
| vAxis.logScale |
Jika true (benar), menjadikan sumbu vertikal sebagai skala logaritmik. Catatan: Semua nilai harus positif. Jenis: boolean
Default: false
|
| vAxis.scaleType |
Properti
Opsi ini hanya didukung untuk sumbu Jenis: string
Default: null
|
| vAxis.textPosition |
Posisi teks sumbu vertikal, relatif terhadap area diagram. Nilai yang didukung: 'out', 'in', 'none'. Jenis: string
Default: 'out'
|
| vAxis.textStyle |
Objek yang menetapkan gaya teks sumbu vertikal. Objek memiliki format ini:
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
Jenis: objek
Default:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| vAxis.ticks |
Mengganti tanda petik sumbu Y yang dihasilkan secara otomatis dengan array yang ditentukan. Setiap elemen array harus berupa nilai tick yang valid (seperti angka, tanggal, datetime, atau waktu), atau sebuah objek. Jika berupa objek, objek tersebut harus memiliki properti
ViewWindow akan otomatis diperluas untuk
menyertakan tick min dan maks kecuali jika Anda menentukan
Contoh:
Jenis: Array elemen
Default: otomatis
|
| vAxis.title |
Properti Jenis: string
Default: tanpa judul
|
| vAxis.titleTextStyle |
Objek yang menentukan gaya teks judul sumbu vertikal. Objek memiliki format ini:
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
Jenis: objek
Default:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| vAxis.maxValue |
Memindahkan nilai maksimum sumbu vertikal ke nilai yang ditentukan; ini akan ke atas pada sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih kecil dari nilai y maksimum data.
Jenis: nomor
Default: otomatis
|
| vAxis.minValue |
Memindahkan nilai min sumbu vertikal ke nilai yang ditentukan; ini akan ke bawah di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai y minimum data.
Jenis: nomor
Default: null
|
| vAxis.viewWindowMode |
Menentukan cara menskalakan sumbu vertikal untuk merender nilai dalam area diagram. Nilai string berikut ini didukung:
Jenis: string
Default: Setara dengan 'pretty', tetapi
vaxis.viewWindow.min dan vaxis.viewWindow.max lebih diutamakan jika digunakan.
|
| vAxis.viewWindow |
Menentukan rentang pemangkasan sumbu vertikal. Jenis: objek
Default: null
|
| vAxis.viewWindow.max |
Nilai data vertikal maksimum yang akan dirender. Diabaikan jika Jenis: nomor
Default: otomatis
|
| vAxis.viewWindow.min |
Nilai data vertikal minimum yang akan dirender. Diabaikan jika Jenis: nomor
Default: otomatis
|
| lebar |
Lebar diagram, dalam piksel. Jenis: nomor
Default: lebar elemen yang memuatnya
|
Metode
| Metode | |
|---|---|
draw(data, options) |
Menggambar diagram. Diagram menerima panggilan metode lebih lanjut hanya setelah peristiwa Jenis Pengembalian: tidak ada
|
getAction(actionID) |
Menampilkan objek tindakan tooltip dengan Jenis Pengembalian: objek
|
getBoundingBox(id) |
Menampilkan objek yang berisi bagian kiri, atas, lebar, dan tinggi elemen diagram
Nilai bersifat relatif terhadap penampung diagram. Panggil ini setelah diagram digambar. Jenis Pengembalian: objek
|
getChartAreaBoundingBox() |
Menampilkan objek yang berisi bagian kiri, atas, lebar, dan tinggi konten diagram (yaitu, tidak termasuk label dan legenda):
Nilai bersifat relatif terhadap penampung diagram. Panggil ini setelah diagram digambar. Jenis Pengembalian: objek
|
getChartLayoutInterface() |
Menampilkan objek yang berisi informasi tentang penempatan diagram dan elemennya di layar. Metode berikut dapat dipanggil pada objek yang ditampilkan:
Panggil ini setelah diagram digambar. Jenis Pengembalian: objek
|
getHAxisValue(xPosition, optional_axis_index) |
Menampilkan nilai data horizontal pada Contoh: Panggil ini setelah diagram digambar. Jenis Pengembalian: nomor
|
getImageURI() |
Menampilkan diagram yang diserialisasi sebagai URI gambar. Panggil ini setelah diagram digambar. Lihat Mencetak Diagram PNG. Jenis Pengembalian: string
|
getSelection() |
Menampilkan array entitas diagram yang dipilih.
Entitas yang dapat dipilih adalah poin, anotasi, entri legenda, dan kategori.
Titik atau anotasi sesuai dengan sel dalam tabel data, entri legenda ke kolom (indeks baris null), dan kategori ke baris (indeks kolom null).
Untuk diagram ini, hanya satu entitas yang dapat dipilih pada waktu tertentu.
Jenis Pengembalian: Array elemen pilihan
|
getVAxisValue(yPosition, optional_axis_index) |
Menampilkan nilai data vertikal pada Contoh: Panggil ini setelah diagram digambar. Jenis Pengembalian: nomor
|
getXLocation(dataValue, optional_axis_index) |
Menampilkan koordinat x piksel dari Contoh: Panggil ini setelah diagram digambar. Jenis Pengembalian: nomor
|
getYLocation(dataValue, optional_axis_index) |
Menampilkan koordinat y piksel dari Contoh: Panggil ini setelah diagram digambar. Jenis Pengembalian: nomor
|
removeAction(actionID) |
Menghapus tindakan tooltip dengan Jenis Pengembalian:
none |
setAction(action) |
Menetapkan tindakan tooltip yang akan dijalankan saat pengguna mengklik teks tindakan.
Metode
Setiap dan semua tindakan tooltip harus ditetapkan sebelum memanggil metode Jenis Pengembalian:
none |
setSelection() |
Memilih entitas diagram yang ditentukan. Membatalkan pilihan sebelumnya.
Entitas yang dapat dipilih adalah poin, anotasi, entri legenda, dan kategori.
Titik atau anotasi sesuai dengan sel dalam tabel data, entri legenda ke kolom (indeks baris null), dan kategori ke baris (indeks kolom null).
Untuk diagram ini, hanya satu entitas yang dapat dipilih pada satu waktu.
Jenis Pengembalian: tidak ada
|
clearChart() |
Mengosongkan diagram, dan melepaskan semua resource yang dialokasikan. Jenis Pengembalian: tidak ada
|
Acara
Untuk informasi selengkapnya tentang cara menggunakan peristiwa ini, lihat Interaktivitas Dasar, Menangani Peristiwa, dan Mengaktifkan Peristiwa.
| Name | |
|---|---|
animationfinish |
Diaktifkan saat animasi transisi selesai. Properti: tidak ada
|
click |
Diaktifkan saat pengguna mengklik di dalam diagram. Dapat digunakan untuk mengidentifikasi kapan judul, elemen data, entri legenda, sumbu, garis petak, atau label diklik. Properti: targetID
|
error |
Diaktifkan saat terjadi error saat mencoba merender diagram. Properties: id, pesan
|
legendpagination |
Diaktifkan saat pengguna mengklik panah penomoran halaman legenda. Meneruskan kembali indeks halaman berbasis nol pada legenda saat ini dan jumlah total halaman. Properti: currentPageIndex, totalPages
|
onmouseover |
Diaktifkan saat pengguna mengarahkan mouse ke entitas visual. Meneruskan kembali indeks baris dan kolom dari elemen tabel data yang sesuai. Properti: baris, kolom
|
onmouseout |
Diaktifkan saat pengguna menjauhi entity visual. Meneruskan kembali indeks baris dan kolom dari elemen tabel data yang sesuai. Properti: baris, kolom
|
ready |
Diagram siap untuk panggilan metode eksternal. Jika ingin berinteraksi dengan diagram, dan memanggil metode setelah menggambarnya, Anda harus menyiapkan pemroses untuk peristiwa ini sebelum memanggil metode Properti: tidak ada
|
select |
Diaktifkan saat pengguna mengklik entitas visual. Untuk mempelajari apa yang telah dipilih, panggil
Properti: tidak ada
|
Kebijakan Data
Semua kode dan data diproses dan dirender di browser. Tidak ada data yang dikirim ke server mana pun.