Opsi konfigurasi diagram

Jenis Diagram

Opsi konfigurasi diagram anotasi

Nama
warna

Warna yang akan digunakan untuk elemen diagram. Array string, dengan setiap elemen adalah string warna HTML, misalnya: colors:['red','#004411'].

Jenis: Array string
Default: warna default
displayRangeSelector

Apakah akan menampilkan area pilihan rentang zoom (area di bagian bawah diagram), dengan false berarti tidak.

Garis batas di pemilih zoom adalah versi skala log dari deret pertama dalam diagram, yang diskalakan agar sesuai dengan tinggi pemilih zoom.

Jenis: boolean
Default: true
displayZoomButtons

Menentukan apakah akan menampilkan tombol zoom ("1d 5d 1m" dan seterusnya), dengan false berarti tidak.

Jenis: boolean
Default: true
maks

Nilai maksimum untuk ditampilkan pada sumbu Y. Jika titik data maksimum melebihi nilai ini, setelan ini akan diabaikan, dan diagram akan disesuaikan untuk menampilkan tanda centang utama berikutnya di atas titik data maksimum. Hal ini lebih diutamakan daripada maksimum sumbu Y yang ditentukan oleh scaleType.

Ini mirip dengan maxValue dalam diagram inti.

Jenis: number
Default: otomatis
mnt

Nilai minimum yang akan ditampilkan pada sumbu Y. Jika titik data minimum lebih kecil dari nilai ini, setelan ini akan diabaikan, dan diagram akan disesuaikan untuk menampilkan tanda titik skala utama berikutnya di bawah titik data minimum. Hal ini lebih diprioritaskan daripada minimum sumbu Y yang ditentukan oleh scaleType.

Ini mirip dengan minValue dalam diagram inti.

Jenis: number
Default: otomatis

Opsi konfigurasi diagram area

Nama
areaOpacity

Opasitas default area berwarna pada deret diagram area, dengan 0.0 sepenuhnya transparan dan 1.0 sepenuhnya buram. Guna menentukan opasitas untuk masing-masing deret, setel nilai areaOpacity dalam properti series.

Jenis: number, 0.0- 1.0
Default: 0.3
backgroundColor

Warna latar belakang untuk area utama diagram. Dapat berupa string warna HTML sederhana, misalnya: 'red' atau '#00cc00', atau objek dengan properti berikut.

Jenis: string atau object
Default: 'white'
backgroundColor.fill

Warna pengisi diagram, sebagai string warna HTML.

Jenis: string
Default: 'white'
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: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Jenis: object
Default: null
chartArea.backgroundColor
Warna latar belakang area diagram. Jika digunakan, string dapat berupa string heksadesimal (misalnya, '#fdc') atau nama warna bahasa Inggris. Saat objek digunakan, properti berikut dapat diberikan:
  • stroke: Warna, diberikan sebagai string heksadesimal atau nama warna bahasa Inggris.
  • strokeWidth: Jika disediakan, menggambar batas di sekitar area diagram dengan lebar yang ditentukan (dan dengan warna stroke).
Jenis: string atau object
Default: 'white'
chartArea.height

Tinggi area diagram.

Jenis: number atau string
Default: otomatis
chartArea.left

Jarak untuk menggambar diagram dari batas kiri.

Jenis: number atau string
Default: otomatis
chartArea.top

Seberapa jauh menggambar diagram dari batas atas.

Jenis: number atau string
Default: otomatis
chartArea.width

Lebar area diagram.

Jenis: number atau string
Default: otomatis
warna

Warna yang akan digunakan untuk elemen diagram. Array string, dengan setiap elemen adalah string warna HTML, misalnya: colors:['red','#004411'].

Jenis: Array string
Default: warna default
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: object
Default: null
hAxis.direction

Arah peningkatan nilai di sepanjang sumbu horizontal. Tentukan -1 untuk membalik urutan nilai.

Jenis: 1 atau -1
Default: 1
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 continuous.

Jenis: object
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 gridlines.count, angka tersebut akan digunakan untuk menghitung minSpacing di antara garis petak. Anda dapat menentukan nilai 1 untuk hanya menggambar satu garis petak, atau 0 untuk tidak menggambar garis petak. Tentukan -1, yang merupakan setelan default, untuk menghitung jumlah garis petak secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
hAxis.logScale

Properti hAxis yang membuat sumbu horizontal menjadi skala logaritmik (memerlukan semua nilai positif). Tetapkan ke true untuk ya.

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: boolean
Default: false
hAxis.maxValue

Memindahkan nilai maksimum sumbu horizontal ke nilai yang ditentukan; nilai ini akan berada di sebelah kanan di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih kecil dari nilai x maksimum data. hAxis.viewWindow.max mengganti properti ini.

Jenis: number
Default: otomatis
hAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis petak minor pada sumbu horizontal, mirip dengan opsi hAxis.gridlines.

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
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 minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis petak minor dengan menetapkan jumlahnya ke 0. Jumlah garis petak minor kini sepenuhnya bergantung pada interval antara garis petak utama (lihat hAxis.gridlines.interval) dan ruang minimum yang diperlukan (lihat hAxis.minorGridlines.minSpacing).

Jenis: number
Default: 1
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. hAxis.viewWindow.min mengganti properti ini.

Jenis: number
Default: otomatis
hAxis.textPosition

Posisi teks sumbu horizontal, relatif terhadap area diagram. Nilai yang didukung: 'out', 'in', 'none'.

Jenis: string
Default: 'out'
hAxis.textStyle

Objek yang menentukan gaya teks sumbu horizontal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Properti hAxis yang menentukan judul sumbu horizontal.

Jenis: string
Default: null
hAxis.titleTextStyle

Objek yang menentukan gaya teks judul sumbu horizontal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Menentukan rentang pemangkasan sumbu horizontal.

Jenis: object
Default: null
hAxis.viewWindow.max

Nilai data horizontal maksimum yang akan dirender.

Diabaikan jika hAxis.viewWindowMode adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
hAxis.viewWindow.min

Nilai data horizontal minimum yang akan dirender.

Diabaikan jika hAxis.viewWindowMode adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
tinggi

Tinggi diagram dalam piksel.

Jenis: number
Default: tinggi elemen penampung
interpolateNulls

Apakah akan menebak nilai titik yang hilang. Jika true, fungsi ini akan menebak nilai data yang hilang berdasarkan titik di dekatnya. Jika false, baris akan dijeda pada titik yang tidak diketahui.

Hal ini tidak didukung oleh diagram Area dengan opsi isStacked: true/'percent'/'relative'/'absolute'.

Jenis: boolean
Default: false
isStacked

Jika ditetapkan ke true, elemen untuk semua deret akan ditumpuk di setiap nilai domain. Catatan: Dalam diagram Column, Area, dan SteppedArea, Google Charts membalikkan urutan item legenda agar lebih sesuai dengan penumpukan elemen deret (Misalnya, deret 0 akan menjadi item legenda paling bawah). Hal ini tidak berlaku untuk Diagram Batang.

Opsi isStacked juga mendukung penumpukan 100%, dengan tumpukan elemen di setiap nilai domain diskalakan ulang agar jumlahnya mencapai 100%.

Opsi untuk isStacked adalah:

  • false — elemen tidak akan ditumpuk. Ini adalah opsi default.
  • true — menumpuk elemen untuk semua deret di setiap nilai domain.
  • 'percent' — menumpuk elemen untuk semua deret pada setiap nilai domain dan menskalakannya ulang sehingga jumlahnya mencapai 100%, dengan setiap nilai elemen dihitung sebagai persentase 100%.
  • 'relative' — menumpuk elemen untuk semua deret di setiap nilai domain dan menskalakannya ulang sehingga jumlahnya menjadi 1, dengan setiap nilai elemen dihitung sebagai fraksi dari 1.
  • 'absolute' — berfungsi sama seperti isStacked: true.

Untuk penumpukan 100%, nilai yang dihitung untuk setiap elemen akan muncul di tooltip setelah nilai sebenarnya.

Sumbu target akan ditetapkan secara default ke nilai tanda centang berdasarkan skala 0-1 relatif sebagai pecahan 1 untuk 'relative', dan 0-100% untuk 'percent' (Catatan: saat menggunakan opsi 'percent', nilai sumbu/titik centang ditampilkan sebagai persentase, tetapi nilai sebenarnya adalah nilai skala 0-1 relatif. Hal ini karena tick sumbu persentase adalah hasil penerapan format "#.##%" ke nilai skala relatif 0-1. Saat menggunakan isStacked: 'percent', pastikan untuk menentukan tanda/garis petak menggunakan nilai skala 0-1 relatif). Anda dapat menyesuaikan garis petak/nilai tanda centang dan format menggunakan opsi hAxis/vAxis yang sesuai.

Stacking 100% hanya mendukung nilai data jenis number, dan harus memiliki dasar pengukuran nol.

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: object
Default: null
legend.position

Posisi legenda. Dapat berupa salah satu dari hal berikut:

  • 'bottom' - Di bawah diagram.
  • 'left' - Di sebelah kiri diagram, asalkan sumbu kiri tidak memiliki series yang terkait dengannya. Jadi, jika Anda ingin legenda di sebelah kiri, gunakan opsi targetAxisIndex: 1.
  • 'in' - Di dalam diagram, di sudut kiri atas.
  • 'none' - Tidak ada legenda yang ditampilkan.
  • 'right' - Di sebelah kanan diagram. Tidak kompatibel dengan opsi vAxes.
  • 'top' - Di atas diagram.
Jenis: string
Default: 'right'
legendTextStyle

Objek yang menentukan gaya teks legenda. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Lebar garis data dalam piksel. Gunakan nol untuk menyembunyikan semua garis dan hanya menampilkan titik. Anda dapat mengganti nilai untuk setiap seri menggunakan properti series.

Jenis: number
Default: 2
pointShape

Bentuk setiap elemen data: 'circle', 'triangle', 'square', 'diamond', 'star', atau 'polygon'. Lihat dokumentasi poin untuk mengetahui contohnya.

Jenis: string
Default: 'circle'
pointSize

Diameter titik yang ditampilkan dalam piksel. Gunakan nol untuk menyembunyikan semua titik. Anda dapat mengganti nilai untuk setiap deret menggunakan properti series.

Jenis: number
Default: 0
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 discrete major.

Jenis: boolean
Default: false
series

Array objek, masing-masing menjelaskan format deret yang sesuai dalam diagram. Agar dapat menggunakan nilai default untuk deret, tentukan objek kosong {}. Jika deret atau nilai tidak ditentukan, nilai global akan digunakan. Setiap objek mendukung properti berikut:

  • annotations - Objek yang akan diterapkan ke anotasi untuk seri ini. Hal ini dapat digunakan untuk mengontrol, misalnya, textStyle untuk seri:

    series: {
      0: {
        annotations: {
          textStyle: {fontSize: 12, color: 'red' }
        }
      }
    }
              

    Lihat berbagai opsi annotations untuk daftar lebih lengkap tentang apa saja yang dapat disesuaikan.

  • areaOpacity - Mengganti areaOpacity global untuk seri ini.
  • color - Warna yang akan digunakan untuk seri ini. Tentukan string warna HTML yang valid.
  • labelInLegend - Deskripsi deret yang akan muncul di legenda diagram.
  • lineDashStyle - Mengganti nilai lineDashStyle global untuk rangkaian ini.
  • lineWidth - Mengganti nilai lineWidth global untuk seri ini.
  • pointShape - Mengganti nilai pointShape global untuk rangkaian ini.
  • pointSize - Mengganti nilai pointSize global untuk seri ini.
  • pointsVisible - Mengganti nilai pointsVisible global untuk rangkaian ini.
  • targetAxisIndex - Sumbu yang akan ditetapkan untuk deret ini, dengan 0 adalah sumbu default, dan 1 adalah sumbu yang berlawanan. Nilai default adalah 0; tetapkan ke 1 untuk menentukan diagram tempat deret yang berbeda dirender terhadap sumbu yang berbeda. Setidaknya satu deret harus dialokasikan ke sumbu default. Anda dapat menentukan skala yang berbeda untuk sumbu yang berbeda.
  • visibleInLegend - Nilai boolean, dengan trueberarti bahwa deret harus memiliki entri legenda, dan false berarti tidak boleh. Default-nya adalah true.

Anda dapat menentukan array objek, yang masing-masing berlaku untuk deret dalam urutan yang ditentukan, atau Anda dapat menentukan objek dengan setiap turunan memiliki kunci numerik yang menunjukkan pada deret mana hal tersebut berlaku. Misalnya, dua deklarasi berikut identik, dan mendeklarasikan deret pertama sebagai hitam dan tidak ada dalam legenda, serta deret keempat sebagai merah dan tidak ada dalam 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: {}
Sub judul (Subtitle)

Teks yang akan ditampilkan di bawah judul diagram.

Jenis: string
Default: no title
subtitleTextStyle

Objek yang menentukan gaya teks judul.

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Tema adalah sekumpulan nilai opsi yang telah ditentukan yang bekerja sama untuk mencapai perilaku diagram atau efek visual tertentu. Saat ini hanya tersedia satu tema:

  • 'maximized' - Memaksimalkan area diagram, dan menggambar legenda serta semua label di dalam area diagram.
Jenis: string
Default: null
judul

Teks yang akan ditampilkan di atas diagram.

Jenis: string
Default: tanpa judul
titleTextStyle

Objek yang menentukan gaya teks judul. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Jika ditetapkan ke true, diagram akan memperlakukan kolom sebagai kolom teks.

Jenis: boolean
useFirstColumnAsDomain

Jika disetel ke true, diagram akan memperlakukan kolom sebagai domain.

Jenis: boolean
vAxes

Menentukan properti untuk setiap sumbu vertikal, jika diagram memiliki beberapa sumbu vertikal. Setiap objek turunan adalah objek vAxis, dan dapat berisi semua properti yang didukung oleh vAxis. Nilai properti ini menggantikan setelan global untuk properti yang sama.

Untuk menentukan diagram dengan beberapa sumbu vertikal, pertama-tama tentukan sumbu baru menggunakan series.targetAxisIndex, lalu konfigurasikan sumbu menggunakan vAxes. Contoh berikut menetapkan deret 2 ke sumbu kanan dan menentukan judul dan gaya teks kustom untuknya:

{
  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 ditentukannya--ini adalah format yang ditampilkan di atas; array adalah array objek, satu per sumbu. Misalnya, notasi gaya array berikut identik dengan objek vAxis yang ditampilkan di atas:

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: object
Default: null
vAxis.direction

Arah pertumbuhan nilai di sepanjang sumbu vertikal. Secara default, nilai rendah berada di bagian bawah diagram. Tentukan -1 untuk membalikkan urutan nilai.

Jenis: 1 atau -1
Default: 1
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}

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
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 gridlines.count, angka tersebut akan digunakan untuk menghitung minSpacing di antara garis petak. Anda dapat menentukan nilai 1 untuk menggambar satu garis petak saja, atau 0 untuk menggambar garis petak tanpa garis. Tentukan -1, yang merupakan setelan default, untuk menghitung jumlah garis petak secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
vAxis.logScale

Jika true, membuat sumbu vertikal menjadi skala logaritmik. Catatan: Semua nilai harus positif.

Jenis: boolean
Default: false
vAxis.maxValue

Memindahkan nilai maksimum sumbu vertikal ke nilai yang ditentukan; nilai ini akan naik di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih kecil dari nilai y maksimum data. vAxis.viewWindow.max mengganti properti ini.

Jenis: number
Default: otomatis
vAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis petak minor pada sumbu vertikal, mirip dengan opsi vAxis.gridlines.

Jenis: object
Default: null
vAxis.minorGridlines.color

Warna garis petak minor vertikal di dalam area diagram. Tentukan string warna HTML yang valid.

Jenis: string
Default: Gabungan warna garis petak dan latar belakang
vAxis.minorGridlines.count

Opsi minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis petak minor dengan menetapkan jumlahnya ke 0. Jumlah garis petak minor bergantung pada interval antara garis petak utama dan ruang minimum yang diperlukan.

Jenis: number
Default: 1
vAxis.minValue

Memindahkan nilai minimum sumbu vertikal ke nilai yang ditentukan; nilai ini akan menurun di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai y minimum data. vAxis.viewWindow.min mengganti properti ini.

Jenis: number
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 menentukan gaya teks sumbu vertikal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Menentukan judul untuk sumbu vertikal.

Jenis: string
Default: no title
vAxis.titleTextStyle

Objek yang menentukan gaya teks judul sumbu vertikal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Menentukan rentang pemangkasan sumbu vertikal.

Jenis: object
Default: null
vAxis.viewWindow.max

Nilai data vertikal maksimum yang akan dirender.

Diabaikan jika vAxis.viewWindowMode 'cantik' atau 'dimaksimalkan'.

Jenis: number
Default: otomatis
vAxis.viewWindow.min

Nilai data vertikal minimum yang akan dirender.

Diabaikan jika vAxis.viewWindowMode bersifat 'cantik' atau 'dimaksimalkan'.

Jenis: number
Default: otomatis

Opsi konfigurasi diagram batang

Nama
backgroundColor

Warna latar belakang untuk area utama diagram. Dapat berupa string warna HTML sederhana, misalnya: 'red' atau '#00cc00', atau objek dengan properti berikut.

Jenis: string atau object
Default: 'white'
backgroundColor.fill

Warna pengisi diagram, sebagai string warna HTML.

Jenis:string
Default: 'white'
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: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Jenis: object
Default: null
chartArea.backgroundColor
Warna latar belakang area diagram. Jika digunakan, string dapat berupa string heksadesimal (misalnya, '#fdc') atau nama warna bahasa Inggris. Saat objek digunakan, properti berikut dapat diberikan:
  • stroke: Warna, diberikan sebagai string heksadesimal atau nama warna bahasa Inggris.
  • strokeWidth: Jika disediakan, menggambar batas di sekitar area diagram dengan lebar yang ditentukan (dan dengan warna stroke).
Jenis: string atau object
Default: 'white'
chartArea.height

Tinggi area diagram.

Jenis: number atau string
Default: otomatis
chartArea.left

Jarak untuk menggambar diagram dari batas kiri.

Jenis: number atau string
Default: otomatis
chartArea.top

Seberapa jauh menggambar diagram dari batas atas.

Jenis: number atau string
Default: otomatis
chartArea.width

Lebar area diagram.

Jenis: angka atau string
Default: otomatis
warna

Warna yang akan digunakan untuk elemen diagram. Array string, dengan setiap elemen adalah string warna HTML, misalnya: colors:['red','#004411'].

Jenis: Array string
Default: warna default
hAxes

Menentukan properti untuk setiap sumbu horizontal, jika diagram memiliki beberapa sumbu horizontal. Setiap objek turunan adalah objek hAxis, dan dapat berisi semua properti yang didukung oleh hAxis. Nilai properti ini menggantikan setelan global untuk properti yang sama.

Untuk menentukan diagram dengan beberapa sumbu horizontal, pertama-tama tentukan sumbu baru menggunakan series.targetAxisIndex, lalu konfigurasikan sumbu menggunakan hAxes. Contoh berikut menetapkan seri 1 ke sumbu bawah serta menentukan gaya judul dan gaya teks kustom untuk sumbu tersebut:

series:{1:{targetAxisIndex:1}}, hAxes:{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 ditentukannya--ini adalah format yang ditampilkan di atas; array adalah array objek, satu per sumbu. Misalnya, notasi gaya array berikut identik dengan objek hAxis yang ditampilkan di atas:

hAxes: {
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {
      color: 'red'
    }
  } // Axis 1
    
Jenis: Array objek, atau objek dengan objek turunan
Default: null
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: object
Default: null
hAxis.direction

Arah peningkatan nilai di sepanjang sumbu horizontal. Tentukan -1 untuk membalik urutan nilai.

Jenis: 1 atau -1
Default: 1
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 continuous.

Jenis: object
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 gridlines.count, angka tersebut akan digunakan untuk menghitung minSpacing di antara garis petak. Anda dapat menentukan nilai 1 untuk hanya menggambar satu garis petak, atau 0 untuk tidak menggambar garis petak. Tentukan -1, yang merupakan setelan default, untuk menghitung jumlah garis petak secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
hAxis.logScale

Properti hAxis yang membuat sumbu horizontal menjadi skala logaritmik (memerlukan semua nilai positif). Tetapkan ke true untuk ya.

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: boolean
Default: false
hAxis.maxValue

Memindahkan nilai maksimum sumbu horizontal ke nilai yang ditentukan; nilai ini akan berada di sebelah kanan di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih kecil dari nilai x maksimum data. hAxis.viewWindow.max mengganti properti ini.

Jenis: number
Default: otomatis
hAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis petak minor pada sumbu horizontal, mirip dengan opsi hAxis.gridlines.

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
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 minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis petak minor dengan menetapkan jumlahnya ke 0. Jumlah garis petak minor kini sepenuhnya bergantung pada interval antara garis petak utama (lihat hAxis.gridlines.interval) dan ruang minimum yang diperlukan (lihat hAxis.minorGridlines.minSpacing).

Jenis: number
Default: 1
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. hAxis.viewWindow.min mengganti properti ini.

Jenis: number
Default: otomatis
hAxis.textPosition

Posisi teks sumbu horizontal, relatif terhadap area diagram. Nilai yang didukung: 'out', 'in', 'none'.

Jenis: string
Default: 'out'
hAxis.textStyle

Objek yang menentukan gaya teks sumbu horizontal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Properti hAxis yang menentukan judul sumbu horizontal.

Jenis: string
Default: null
hAxis.titleTextStyle

Objek yang menentukan gaya teks judul sumbu horizontal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Menentukan rentang pemangkasan sumbu horizontal.

Jenis: object
Default: null
hAxis.viewWindow.max

Nilai data horizontal maksimum yang akan dirender.

Diabaikan jika hAxis.viewWindowMode adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
hAxis.viewWindow.min

Nilai data horizontal minimum yang akan dirender.

Diabaikan jika hAxis.viewWindowMode adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
tinggi

Tinggi diagram dalam piksel.

Jenis: number
Default: tinggi elemen penampung
isStacked

Jika ditetapkan ke true, elemen untuk semua deret akan ditumpuk di setiap nilai domain. Catatan: Dalam diagram Kolom, Area, dan SteppedArea, Google Chart membalik urutan item legenda agar lebih sesuai dengan tumpukan elemen deret (Misalnya, seri 0 akan menjadi item legenda paling bawah). Hal ini tidak berlaku untuk Diagram Batang.

Opsi isStacked juga mendukung penumpukan 100%, dengan tumpukan elemen di setiap nilai domain diskalakan ulang agar jumlahnya mencapai 100%.

Opsi untuk isStacked adalah:

  • false — elemen tidak akan ditumpuk. Ini adalah opsi default.
  • true — menumpuk elemen untuk semua deret di setiap nilai domain.
  • 'percent' — menumpuk elemen untuk semua deret pada setiap nilai domain dan menskalakannya ulang sehingga jumlahnya mencapai 100%, dengan setiap nilai elemen dihitung sebagai persentase 100%.
  • 'relative' — menumpuk elemen untuk semua deret di setiap nilai domain dan menskalakannya ulang sehingga jumlahnya menjadi 1, dengan setiap nilai elemen dihitung sebagai fraksi dari 1.
  • 'absolute' — berfungsi sama seperti isStacked: true.

Untuk penumpukan 100%, nilai yang dihitung untuk setiap elemen akan muncul di tooltip setelah nilai sebenarnya.

Sumbu target akan ditetapkan secara default ke nilai tanda centang berdasarkan skala 0-1 relatif sebagai pecahan 1 untuk 'relative', dan 0-100% untuk 'percent' (Catatan: saat menggunakan opsi 'percent', nilai sumbu/titik centang ditampilkan sebagai persentase, tetapi nilai sebenarnya adalah nilai skala 0-1 relatif. Hal ini karena tick sumbu persentase adalah hasil penerapan format "#.##%" ke nilai skala relatif 0-1. Saat menggunakan isStacked: 'percent', pastikan untuk menentukan tanda/garis petak menggunakan nilai skala 0-1 relatif). Anda dapat menyesuaikan garis petak/nilai tanda centang dan format menggunakan opsi hAxis/vAxis yang sesuai.

Stacking 100% hanya mendukung nilai data jenis number, dan harus memiliki dasar pengukuran nol.

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: object
Default: null
legend.position

Posisi legenda. Dapat berupa salah satu dari hal berikut:

  • 'bottom' - Di bawah diagram.
  • 'left' - Di sebelah kiri diagram, asalkan sumbu kiri tidak memiliki deret yang terkait dengannya. Jadi, jika Anda ingin legenda di sebelah kiri, gunakan opsi targetAxisIndex: 1.
  • 'in' - Di dalam diagram, di sudut kiri atas.
  • 'none' - Tidak ada legenda yang ditampilkan.
  • 'right' - Di sebelah kanan diagram. Tidak kompatibel dengan opsi vAxes.
  • 'top' - Di atas diagram.
Jenis: string
Default: 'right'
legendTextStyle

Objek yang menentukan gaya teks legenda. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
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 discrete major.

Jenis: boolean
Default: false
series

Array objek, masing-masing menjelaskan format deret yang sesuai dalam diagram. Untuk menggunakan nilai default untuk seri, tentukan objek kosong {}. Jika deret atau nilai tidak ditentukan, nilai global akan digunakan. Setiap objek mendukung properti berikut:

  • annotations - Objek yang akan diterapkan ke anotasi untuk seri ini. Atribut ini dapat digunakan untuk mengontrol, misalnya, textStyle untuk rangkaian:

    series: {
      0: {
        annotations: {
          textStyle: {fontSize: 12, color: 'red' }
        }
      }
    }
              

    Lihat berbagai opsi annotations untuk daftar lebih lengkap tentang apa saja yang dapat disesuaikan.

  • color - Warna yang akan digunakan untuk seri ini. Tentukan string warna HTML yang valid.
  • labelInLegend - Deskripsi deret yang akan muncul di legenda diagram.
  • targetAxisIndex - Sumbu mana yang akan ditetapkan ke deret ini, dengan 0 sebagai sumbu default, dan 1 adalah sumbu yang berlawanan. Nilai defaultnya adalah 0; ditetapkan ke 1 untuk menentukan diagram dengan deret yang berbeda-beda dirender terhadap sumbu yang berbeda. Setidaknya satu deret harus dialokasikan ke sumbu default. Anda dapat menentukan skala yang berbeda untuk sumbu yang berbeda.
  • visibleInLegend - Nilai boolean, dengan true berarti deret harus memiliki entri legenda, dan false berarti tidak boleh. Default-nya adalah true.

Anda dapat menentukan array objek, yang masing-masing berlaku untuk deret dalam urutan yang ditentukan, atau Anda dapat menentukan objek dengan setiap turunan memiliki kunci numerik yang menunjukkan pada deret mana hal tersebut berlaku. Misalnya, dua deklarasi berikut identik, dan mendeklarasikan deret pertama sebagai hitam dan tidak ada dalam legenda, serta deret keempat sebagai merah dan tidak ada dalam 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: {}
Sub judul (Subtitle)

Teks yang akan ditampilkan di bawah judul diagram.

Jenis: string
Default: no title
subtitleTextStyle

Objek yang menentukan gaya teks judul.

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Tema adalah sekumpulan nilai opsi yang telah ditentukan yang bekerja sama untuk mencapai perilaku diagram atau efek visual tertentu. Saat ini hanya tersedia satu tema:

  • 'maximized' - Memaksimalkan area diagram, dan menggambar legenda serta semua label di dalam area diagram.
Jenis: string
Default: null
judul

Teks yang akan ditampilkan di atas diagram.

Jenis: string
Default: tanpa judul
titleTextStyle

Objek yang menentukan gaya teks judul. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
garis tren

Menampilkan garis tren pada diagram yang mendukungnya. Secara default, garis tren linear digunakan, tetapi ini dapat disesuaikan dengan opsi trendlines.n.type.

Garis tren ditentukan per seri, sehingga biasanya opsi Anda akan terlihat seperti ini:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
Jenis: object
Default: null
trendlines.n.color

Warna garis tren , yang dinyatakan sebagai nama warna dalam bahasa Inggris atau string heksadesimal.

Jenis: string
Default: warna deret default
trendlines.n.degree

Untuk garis tren dari type: 'polynomial', derajat polinomial (2 untuk kuadrat, 3 untuk kubik, dan sebagainya).

Jenis: number
Default: 3
trendlines.n.labelInLegend

Jika ditetapkan, garis tren akan muncul dalam legenda sebagai string ini.

Jenis: string
Default: null
trendlines.n.lineWidth

Lebar garis garis tren, dalam piksel.

Jenis: number
Default: 2
trendlines.n.type

Apakah garis tren adalah 'linear' (default), 'exponential', atau 'polynomial'.

Jenis: string
Default: linear
trendlines.n.visibleInLegend

Apakah persamaan garis tren muncul di legenda. Nilai ini akan muncul di tooltip garis tren.

Jenis: boolean
Default: false
useFirstColumnAsDomain

Jika disetel ke true, diagram akan memperlakukan kolom sebagai domain.

Jenis: boolean
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: object
Default: null
vAxis.direction

Arah pertumbuhan nilai di sepanjang sumbu vertikal. Secara default, nilai rendah berada di bagian bawah diagram. Tentukan -1 untuk membalikkan urutan nilai.

Jenis: 1 atau -1
Default: 1
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}

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
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 gridlines.count, angka tersebut akan digunakan untuk menghitung minSpacing di antara garis petak. Anda dapat menentukan nilai 1 untuk menggambar satu garis petak saja, atau 0 untuk menggambar garis petak tanpa garis. Tentukan -1, yang merupakan setelan default, untuk menghitung jumlah garis petak secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
vAxis.logScale

Jika true, membuat sumbu vertikal menjadi skala logaritmik. Catatan: Semua nilai harus positif.

Jenis: boolean
Default: false
vAxis.maxValue

Memindahkan nilai maksimum sumbu vertikal ke nilai yang ditentukan; nilai ini akan naik di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih kecil dari nilai y maksimum data. vAxis.viewWindow.max mengganti properti ini.

Jenis: number
Default: otomatis
vAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis petak minor pada sumbu vertikal, mirip dengan opsi vAxis.gridlines.

Jenis: object
Default: null
vAxis.minorGridlines.color

Warna garis petak minor vertikal di dalam area diagram. Tentukan string warna HTML yang valid.

Jenis: string
Default: Gabungan warna garis petak dan latar belakang
vAxis.minorGridlines.count

Opsi minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis petak minor dengan menetapkan jumlahnya ke 0. Jumlah garis petak minor bergantung pada interval antara garis petak utama dan ruang minimum yang diperlukan.

Jenis: number
Default: 1
vAxis.minValue

Memindahkan nilai minimum sumbu vertikal ke nilai yang ditentukan; nilai ini akan menurun di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai y minimum data. vAxis.viewWindow.min mengganti properti ini.

Jenis: number
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 menentukan gaya teks sumbu vertikal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Menentukan judul untuk sumbu vertikal.

Jenis: string
Default: no title
vAxis.titleTextStyle

Objek yang menentukan gaya teks judul sumbu vertikal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Menentukan rentang pemangkasan sumbu vertikal.

Jenis: object
Default: null
vAxis.viewWindow.max

Nilai data vertikal maksimum yang akan dirender.

Diabaikan jika vAxis.viewWindowMode 'cantik' atau 'dimaksimalkan'.

Jenis: number
Default: otomatis
vAxis.viewWindow.min

Nilai data vertikal minimum yang akan dirender.

Diabaikan jika vAxis.viewWindowMode bersifat 'cantik' atau 'dimaksimalkan'.

Jenis: number
Default: otomatis

Opsi konfigurasi diagram balon

Nama
backgroundColor

Warna latar belakang untuk area utama diagram. Dapat berupa string warna HTML sederhana, misalnya: 'red' atau '#00cc00', atau objek dengan properti berikut.

Jenis: string atau object
Default: 'white'
backgroundColor.fill

Warna pengisi diagram, sebagai string warna HTML.

Jenis: string
Default: 'white'
balon

Objek dengan anggota untuk mengonfigurasi properti visual balon.

Jenis: object
Default: null
bubble.opacity

Opasitas balon, dengan 0 sepenuhnya transparan dan 1 sepenuhnya buram.

Jenis: angka antara 0,0 dan 1,0
Default: 0,8
bubble.stroke

Warna goresan balon.

Jenis: string
Default: '#ccc'
bubble.textStyle

Objek yang menentukan gaya teks balon. Objek memiliki format ini:

{color: <string>, fontName: <string>, fontSize: <number>}

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
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: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Jenis: object
Default: null
chartArea.backgroundColor
Warna latar belakang area diagram. Jika digunakan, string dapat berupa string heksadesimal (misalnya, '#fdc') atau nama warna bahasa Inggris. Saat objek digunakan, properti berikut dapat diberikan:
  • stroke: Warna, diberikan sebagai string heksadesimal atau nama warna bahasa Inggris.
  • strokeWidth: Jika disediakan, menggambar batas di sekitar area diagram dengan lebar yang ditentukan (dan dengan warna stroke).
Jenis: string atau object
Default: 'white'
chartArea.height

Tinggi area diagram.

Jenis: number atau string
Default: otomatis
chartArea.left

Jarak untuk menggambar diagram dari batas kiri.

Jenis: number atau string
Default: otomatis
chartArea.top

Seberapa jauh menggambar diagram dari batas atas.

Jenis: number atau string
Default: otomatis
chartArea.width

Lebar area diagram.

Jenis: number atau string
Default: otomatis
warna

Warna yang akan digunakan untuk elemen diagram. Array string, dengan setiap elemen adalah string warna HTML, misalnya: colors:['red','#004411'].

Jenis: Array string
Default: warna default
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: object
Default: null
hAxis.direction

Arah peningkatan nilai di sepanjang sumbu horizontal. Tentukan -1 untuk membalik urutan nilai.

Jenis: 1 atau -1
Default: 1
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 continuous.

Jenis: object
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 gridlines.count, angka tersebut akan digunakan untuk menghitung minSpacing di antara garis petak. Anda dapat menentukan nilai 1 untuk hanya menggambar satu garis petak, atau 0 untuk tidak menggambar garis petak. Tentukan -1, yang merupakan setelan default, untuk menghitung jumlah garis petak secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
hAxis.logScale

Properti hAxis yang membuat sumbu horizontal menjadi skala logaritmik (memerlukan semua nilai positif). Tetapkan ke true untuk ya.

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: boolean
Default: false
hAxis.maxValue

Memindahkan nilai maksimum sumbu horizontal ke nilai yang ditentukan; nilai ini akan berada di sebelah kanan di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih kecil dari nilai x maksimum data. hAxis.viewWindow.max mengganti properti ini.

Jenis: number
Default: otomatis
hAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis petak minor pada sumbu horizontal, mirip dengan opsi hAxis.gridlines.

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
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 minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis petak minor dengan menetapkan jumlahnya ke 0. Jumlah garis petak minor kini sepenuhnya bergantung pada interval antara garis petak utama (lihat hAxis.gridlines.interval) dan ruang minimum yang diperlukan (lihat hAxis.minorGridlines.minSpacing).

Jenis: number
Default: 1
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. hAxis.viewWindow.min mengganti properti ini.

Jenis: number
Default: otomatis
hAxis.textPosition

Posisi teks sumbu horizontal, relatif terhadap area diagram. Nilai yang didukung: 'out', 'in', 'none'.

Jenis: string
Default: 'out'
hAxis.textStyle

Objek yang menentukan gaya teks sumbu horizontal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Properti hAxis yang menentukan judul sumbu horizontal.

Jenis: string
Default: null
hAxis.titleTextStyle

Objek yang menentukan gaya teks judul sumbu horizontal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Menentukan rentang pemangkasan sumbu horizontal.

Jenis: object
Default: null
hAxis.viewWindow.max

Nilai data horizontal maksimum yang akan dirender.

Diabaikan jika hAxis.viewWindowMode adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
hAxis.viewWindow.min

Nilai data horizontal minimum yang akan dirender.

Diabaikan jika hAxis.viewWindowMode adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
tinggi

Tinggi diagram dalam piksel.

Jenis: number
Default: tinggi elemen penampung
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: object
Default: null
legend.position

Posisi legenda. Dapat berupa salah satu dari hal berikut:

  • 'bottom' - Di bawah diagram.
  • 'left' - Di sebelah kiri diagram, asalkan sumbu kiri tidak memiliki deret yang terkait dengannya. Jadi, jika Anda ingin legenda di sebelah kiri, gunakan opsi targetAxisIndex: 1.
  • 'in' - Di dalam diagram, di sudut kiri atas.
  • 'none' - Tidak ada legenda yang ditampilkan.
  • 'right' - Di sebelah kanan diagram. Tidak kompatibel dengan opsi vAxes.
  • 'top' - Di atas diagram.
Jenis: string
Default: 'right'
legendTextStyle

Objek yang menentukan gaya teks legenda. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
series

Objek objek, dengan kunci adalah nama deret (nilai di kolom Warna) dan setiap objek yang menjelaskan format deret yang sesuai dalam diagram. Jika deret atau nilai tidak ditentukan, nilai global akan digunakan. Setiap objek mendukung properti berikut:

  • color - Warna yang akan digunakan untuk seri ini. Tentukan string warna HTML yang valid.
  • visibleInLegend - Nilai boolean, dengan true berarti deret harus memiliki entri legenda, dan false berarti tidak boleh. Default-nya adalah true.
Contoh:
series: {'Europe': {color: 'green'}}
Jenis: Objek dengan objek bertingkat
Default: {}
sizeAxis

Objek dengan anggota untuk mengonfigurasi cara nilai dikaitkan dengan ukuran balon. Untuk menentukan properti objek ini, Anda dapat menggunakan notasi literal objek, seperti yang ditunjukkan di sini:

 {minValue: 0,  maxSize: 20}
Jenis: object
Default: null
sizeAxis.maxSize

Radius maksimum balon terbesar, dalam piksel.

Jenis: number
Default: 30
sizeAxis.minSize

Radius minimum balon terkecil, dalam piksel.

Jenis: number
Default: 5
subtitel

Teks yang akan ditampilkan di bawah judul diagram.

Jenis: string
Default: no title
subtitleTextStyle

Objek yang menentukan gaya teks judul.

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Tema adalah sekumpulan nilai opsi yang telah ditentukan yang bekerja sama untuk mencapai perilaku diagram atau efek visual tertentu. Saat ini hanya tersedia satu tema:

  • 'maximized' - Memaksimalkan area diagram, dan menggambar legenda serta semua label di dalam area diagram.
Jenis: string
Default: null
judul

Teks yang akan ditampilkan di atas diagram.

Jenis: string
Default: tanpa judul
titleTextStyle

Objek yang menentukan gaya teks judul. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Jika ditetapkan ke true, diagram akan memperlakukan kolom sebagai kolom teks.

Jenis: boolean
useFirstColumnAsDomain

Jika disetel ke true, diagram akan memperlakukan kolom sebagai domain.

Jenis: boolean
vAxes

Menentukan properti untuk setiap sumbu vertikal, jika diagram memiliki beberapa sumbu vertikal. Setiap objek turunan adalah objek vAxis, dan dapat berisi semua properti yang didukung oleh vAxis. Nilai properti ini menggantikan setelan global untuk properti yang sama.

Untuk menentukan diagram dengan beberapa sumbu vertikal, pertama-tama tentukan sumbu baru menggunakan series.targetAxisIndex, lalu konfigurasikan sumbu menggunakan vAxes. Contoh berikut menetapkan deret 2 ke sumbu kanan dan menentukan judul dan gaya teks kustom untuknya:

{
  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 ditentukannya--ini adalah format yang ditampilkan di atas; array adalah array objek, satu per sumbu. Misalnya, notasi gaya array berikut identik dengan objek vAxis yang ditampilkan di atas:

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: object
Default: null
vAxis.direction

Arah pertumbuhan nilai di sepanjang sumbu vertikal. Secara default, nilai rendah berada di bagian bawah diagram. Tentukan -1 untuk membalikkan urutan nilai.

Jenis: 1 atau -1
Default: 1
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}

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
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 gridlines.count, angka tersebut akan digunakan untuk menghitung minSpacing di antara garis petak. Anda dapat menentukan nilai 1 untuk menggambar satu garis petak saja, atau 0 untuk menggambar garis petak tanpa garis. Tentukan -1, yang merupakan setelan default, untuk menghitung jumlah garis petak secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
vAxis.logScale

Jika true, membuat sumbu vertikal menjadi skala logaritmik. Catatan: Semua nilai harus positif.

Jenis: boolean
Default: false
vAxis.maxValue

Memindahkan nilai maksimum sumbu vertikal ke nilai yang ditentukan; nilai ini akan naik di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih kecil dari nilai y maksimum data. vAxis.viewWindow.max mengganti properti ini.

Jenis: number
Default: otomatis
vAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis petak minor pada sumbu vertikal, mirip dengan opsi vAxis.gridlines.

Jenis: object
Default: null
vAxis.minorGridlines.color

Warna garis petak minor vertikal di dalam area diagram. Tentukan string warna HTML yang valid.

Jenis: string
Default: Gabungan warna garis petak dan latar belakang
vAxis.minorGridlines.count

Opsi minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis petak minor dengan menetapkan jumlahnya ke 0. Jumlah garis petak minor bergantung pada interval antara garis petak utama dan ruang minimum yang diperlukan.

Jenis: number
Default: 1
vAxis.minValue

Memindahkan nilai minimum sumbu vertikal ke nilai yang ditentukan; nilai ini akan menurun di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai y minimum data. vAxis.viewWindow.min mengganti properti ini.

Jenis: number
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 menentukan gaya teks sumbu vertikal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Menentukan judul untuk sumbu vertikal.

Jenis: string
Default: no title
vAxis.titleTextStyle

Objek yang menentukan gaya teks judul sumbu vertikal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Menentukan rentang pemangkasan sumbu vertikal.

Jenis: object
Default: null
vAxis.viewWindow.max

Nilai data vertikal maksimum yang akan dirender.

Diabaikan jika vAxis.viewWindowMode 'cantik' atau 'dimaksimalkan'.

Jenis: number
Default: otomatis
vAxis.viewWindow.min

Nilai data vertikal minimum yang akan dirender.

Diabaikan jika vAxis.viewWindowMode bersifat 'cantik' atau 'dimaksimalkan'.

Jenis: number
Default: otomatis

Opsi konfigurasi kalender

Nama
tinggi

Tinggi diagram dalam piksel.

Jenis: number
Default: tinggi elemen penampung
lebar

Lebar diagram dalam piksel.

Jenis: number
Default: lebar elemen penampung

Opsi konfigurasi diagram batang lilin

Nama
backgroundColor

Warna latar belakang untuk area utama diagram. Dapat berupa string warna HTML sederhana, misalnya: 'red' atau '#00cc00', atau objek dengan properti berikut.

Jenis: string atau object
Default: 'white'
backgroundColor.fill

Warna pengisi diagram, sebagai string warna HTML.

Jenis: string
Default: 'white'
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: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Jenis: object
Default: null
chartArea.backgroundColor
Warna latar belakang area diagram. Jika digunakan, string dapat berupa string heksadesimal (misalnya, '#fdc') atau nama warna bahasa Inggris. Saat objek digunakan, properti berikut dapat diberikan:
  • stroke: Warna, diberikan sebagai string heksadesimal atau nama warna bahasa Inggris.
  • strokeWidth: Jika disediakan, menggambar batas di sekitar area diagram dengan lebar yang ditentukan (dan dengan warna stroke).
Jenis: string atau object
Default: 'white'
chartArea.height

Tinggi area diagram.

Jenis: number atau string
Default: otomatis
chartArea.left

Jarak untuk menggambar diagram dari batas kiri.

Jenis: number atau string
Default: otomatis
chartArea.top

Seberapa jauh menggambar diagram dari batas atas.

Jenis: number atau string
Default: otomatis
chartArea.width

Lebar area diagram.

Jenis: number atau string
Default: otomatis
warna

Warna yang akan digunakan untuk elemen diagram. Array string, dengan setiap elemen adalah string warna HTML, misalnya: colors:['red','#004411'].

Jenis: Array string
Default: warna default
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: object
Default: null
hAxis.direction

Arah peningkatan nilai di sepanjang sumbu horizontal. Tentukan -1 untuk membalik urutan nilai.

Jenis: 1 atau -1
Default: 1
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 continuous.

Jenis: object
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 gridlines.count, angka tersebut akan digunakan untuk menghitung minSpacing di antara garis petak. Anda dapat menentukan nilai 1 untuk hanya menggambar satu garis petak, atau 0 untuk tidak menggambar garis petak. Tentukan -1, yang merupakan setelan default, untuk menghitung jumlah garis petak secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
hAxis.logScale

Properti hAxis yang membuat sumbu horizontal menjadi skala logaritmik (memerlukan semua nilai positif). Tetapkan ke true untuk ya.

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: boolean
Default: false
hAxis.maxValue

Memindahkan nilai maksimum sumbu horizontal ke nilai yang ditentukan; nilai ini akan berada di sebelah kanan di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih kecil dari nilai x maksimum data. hAxis.viewWindow.max mengganti properti ini.

Jenis: number
Default: otomatis
hAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis petak minor pada sumbu horizontal, mirip dengan opsi hAxis.gridlines.

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
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 minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis petak minor dengan menetapkan jumlahnya ke 0. Jumlah garis petak minor kini sepenuhnya bergantung pada interval antara garis petak utama (lihat hAxis.gridlines.interval) dan ruang minimum yang diperlukan (lihat hAxis.minorGridlines.minSpacing).

Jenis: number
Default: 1
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. hAxis.viewWindow.min mengganti properti ini.

Jenis: number
Default: otomatis
hAxis.textPosition

Posisi teks sumbu horizontal, relatif terhadap area diagram. Nilai yang didukung: 'out', 'in', 'none'.

Jenis: string
Default: 'out'
hAxis.textStyle

Objek yang menentukan gaya teks sumbu horizontal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Properti hAxis yang menentukan judul sumbu horizontal.

Jenis: string
Default: null
hAxis.titleTextStyle

Objek yang menentukan gaya teks judul sumbu horizontal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Menentukan rentang pemangkasan sumbu horizontal.

Jenis: object
Default: null
hAxis.viewWindow.max

Nilai data horizontal maksimum yang akan dirender.

Diabaikan jika hAxis.viewWindowMode adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
hAxis.viewWindow.min

Nilai data horizontal minimum yang akan dirender.

Diabaikan jika hAxis.viewWindowMode adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
tinggi

Tinggi diagram dalam piksel.

Jenis: number
Default: tinggi elemen penampung
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: object
Default: null
legend.position

Posisi legenda. Dapat berupa salah satu dari hal berikut:

  • 'bottom' - Di bawah diagram.
  • 'left' - Di sebelah kiri diagram, asalkan sumbu kiri tidak memiliki deret yang terkait dengannya. Jadi, jika Anda ingin legenda di sebelah kiri, gunakan opsi targetAxisIndex: 1.
  • 'in' - Di dalam diagram, di sudut kiri atas.
  • 'none' - Tidak ada legenda yang ditampilkan.
  • 'right' - Di sebelah kanan diagram. Tidak kompatibel dengan opsi vAxes.
  • 'top' - Di atas diagram.
Jenis: string
Default: 'right'
legendTextStyle

Objek yang menentukan gaya teks legenda. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
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 discrete major.

Jenis: boolean
Default: false
series

Array objek, yang masing-masing menjelaskan format deret yang sesuai dalam diagram. Untuk menggunakan nilai default untuk seri, tentukan objek kosong {}. Jika deret atau nilai tidak ditentukan, nilai global akan digunakan. Setiap objek mendukung properti berikut:

  • color - Warna yang akan digunakan untuk seri ini. Tentukan string warna HTML yang valid.
  • fallingColor.fill - Mengganti nilai candlestick.fallingColor.fill global untuk seri ini.
  • fallingColor.stroke - Mengganti nilai candlestick.fallingColor.stroke global untuk deret ini.
  • fallingColor.strokeWidth - Mengganti nilai candlestick.fallingColor.strokeWidth global untuk deret ini.
  • labelInLegend - Deskripsi deret yang akan muncul di legenda diagram.
  • risingColor.fill - Mengganti nilai candlestick.risingColor.fill global untuk seri ini.
  • risingColor.stroke - Mengganti nilai candlestick.risingColor.stroke global untuk seri ini.
  • risingColor.strokeWidth - Mengganti nilai candlestick.risingColor.strokeWidth global untuk seri ini.
  • targetAxisIndex - Sumbu yang akan ditetapkan untuk deret ini, dengan 0 adalah sumbu default, dan 1 adalah sumbu yang berlawanan. Nilai default adalah 0; tetapkan ke 1 untuk menentukan diagram tempat deret yang berbeda dirender terhadap sumbu yang berbeda. Setidaknya satu deret harus dialokasikan ke sumbu default. Anda dapat menentukan skala yang berbeda untuk sumbu yang berbeda.
  • visibleInLegend - Nilai boolean, dengan true berarti deret harus memiliki entri legenda, dan false berarti tidak boleh. Default-nya adalah true.

Anda dapat menentukan array objek, yang masing-masing berlaku untuk deret dalam urutan yang ditentukan, atau Anda dapat menentukan objek dengan setiap turunan memiliki kunci numerik yang menunjukkan pada deret mana hal tersebut berlaku. Misalnya, dua deklarasi berikut identik, dan mendeklarasikan deret pertama sebagai hitam dan tidak ada dalam legenda, serta deret keempat sebagai merah dan tidak ada dalam 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: {}
Sub judul (Subtitle)

Teks yang akan ditampilkan di bawah judul diagram.

Jenis: string
Default: no title
subtitleTextStyle

Objek yang menentukan gaya teks judul.

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Tema adalah sekumpulan nilai opsi yang telah ditentukan yang bekerja sama untuk mencapai perilaku diagram atau efek visual tertentu. Saat ini hanya tersedia satu tema:

  • 'maximized' - Memaksimalkan area diagram, dan menggambar legenda serta semua label di dalam area diagram.
Jenis: string
Default: null
judul

Teks yang akan ditampilkan di atas diagram.

Jenis: string
Default: tanpa judul
titleTextStyle

Objek yang menentukan gaya teks judul. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

Jika disetel ke true, diagram akan memperlakukan kolom sebagai domain.

Jenis: boolean
vAxes

Menentukan properti untuk setiap sumbu vertikal, jika diagram memiliki beberapa sumbu vertikal. Setiap objek turunan adalah objek vAxis, dan dapat berisi semua properti yang didukung oleh vAxis. Nilai properti ini menggantikan setelan global untuk properti yang sama.

Untuk menentukan diagram dengan beberapa sumbu vertikal, pertama-tama tentukan sumbu baru menggunakan series.targetAxisIndex, lalu konfigurasikan sumbu menggunakan vAxes. Contoh berikut menetapkan deret 2 ke sumbu kanan dan menentukan judul dan gaya teks kustom untuknya:

{
  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 ditentukannya--ini adalah format yang ditampilkan di atas; array adalah array objek, satu per sumbu. Misalnya, notasi gaya array berikut identik dengan objek vAxis yang ditampilkan di atas:

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: object
Default: null
vAxis.direction

Arah pertumbuhan nilai di sepanjang sumbu vertikal. Secara default, nilai rendah berada di bagian bawah diagram. Tentukan -1 untuk membalikkan urutan nilai.

Jenis: 1 atau -1
Default: 1
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}

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
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 gridlines.count, angka tersebut akan digunakan untuk menghitung minSpacing di antara garis petak. Anda dapat menentukan nilai 1 untuk menggambar satu garis petak saja, atau 0 untuk menggambar garis petak tanpa garis. Tentukan -1, yang merupakan setelan default, untuk menghitung jumlah garis petak secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
vAxis.logScale

Jika true, membuat sumbu vertikal menjadi skala logaritmik. Catatan: Semua nilai harus positif.

Jenis: boolean
Default: false
vAxis.maxValue

Memindahkan nilai maksimum sumbu vertikal ke nilai yang ditentukan; nilai ini akan naik di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih kecil dari nilai y maksimum data. vAxis.viewWindow.max mengganti properti ini.

Jenis: number
Default: otomatis
vAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis petak minor pada sumbu vertikal, mirip dengan opsi vAxis.gridlines.

Jenis: object
Default: null
vAxis.minorGridlines.color

Warna garis petak minor vertikal di dalam area diagram. Tentukan string warna HTML yang valid.

Jenis: string
Default: Gabungan warna garis petak dan latar belakang
vAxis.minorGridlines.count

Opsi minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis petak minor dengan menetapkan jumlahnya ke 0. Jumlah garis petak minor bergantung pada interval antara garis petak utama dan ruang minimum yang diperlukan.

Jenis: number
Default: 1
vAxis.minValue

Memindahkan nilai minimum sumbu vertikal ke nilai yang ditentukan; nilai ini akan menurun di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai y minimum data. vAxis.viewWindow.min mengganti properti ini.

Jenis: number
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 menentukan gaya teks sumbu vertikal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Menentukan judul untuk sumbu vertikal.

Jenis: string
Default: no title
vAxis.titleTextStyle

Objek yang menentukan gaya teks judul sumbu vertikal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Menentukan rentang pemangkasan sumbu vertikal.

Jenis: object
Default: null
vAxis.viewWindow.max

Nilai data vertikal maksimum yang akan dirender.

Diabaikan jika vAxis.viewWindowMode 'cantik' atau 'dimaksimalkan'.

Jenis: number
Default: otomatis
vAxis.viewWindow.min

Nilai data vertikal minimum yang akan dirender.

Diabaikan jika vAxis.viewWindowMode bersifat 'cantik' atau 'dimaksimalkan'.

Jenis: number
Default: otomatis

Opsi konfigurasi diagram kolom

Nama
backgroundColor

Warna latar belakang untuk area utama diagram. Dapat berupa string warna HTML sederhana, misalnya: 'red' atau '#00cc00', atau objek dengan properti berikut.

Jenis: string atau object
Default: 'white'
backgroundColor.fill

Warna pengisi diagram, sebagai string warna HTML.

Jenis: string
Default: 'white'
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: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Jenis: object
Default: null
chartArea.backgroundColor
Warna latar belakang area diagram. Jika digunakan, string dapat berupa string heksadesimal (misalnya, '#fdc') atau nama warna bahasa Inggris. Saat objek digunakan, properti berikut dapat diberikan:
  • stroke: Warna, diberikan sebagai string heksadesimal atau nama warna bahasa Inggris.
  • strokeWidth: Jika disediakan, menggambar batas di sekitar area diagram dengan lebar tertentu (dan dengan warna stroke).
Jenis: stringatau object
Default: 'white'
chartArea.height

Tinggi area diagram.

Jenis: number atau string
Default: otomatis
chartArea.left

Jarak untuk menggambar diagram dari batas kiri.

Jenis: number atau string
Default: otomatis
chartArea.top

Seberapa jauh menggambar diagram dari batas atas.

Jenis: number atau string
Default: otomatis
chartArea.width

Lebar area diagram.

Jenis: number atau string
Default: otomatis
warna

Warna yang akan digunakan untuk elemen diagram. Array string, dengan setiap elemen adalah string warna HTML, misalnya: colors:['red','#004411'].

Jenis: Array string
Default: warna default
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: object
Default: null
hAxis.direction

Arah peningkatan nilai di sepanjang sumbu horizontal. Tentukan -1 untuk membalik urutan nilai.

Jenis: 1 atau -1
Default: 1
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 continuous.

Jenis: object
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 gridlines.count, angka tersebut akan digunakan untuk menghitung minSpacing di antara garis petak. Anda dapat menentukan nilai 1 untuk hanya menggambar satu garis petak, atau 0 untuk tidak menggambar garis petak. Tentukan -1, yang merupakan setelan default, untuk menghitung jumlah garis petak secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
hAxis.logScale

Properti hAxis yang membuat sumbu horizontal menjadi skala logaritmik (memerlukan semua nilai positif). Tetapkan ke true untuk ya.

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: boolean
Default: false
hAxis.maxValue

Memindahkan nilai maksimum sumbu horizontal ke nilai yang ditentukan; nilai ini akan berada di sebelah kanan di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih kecil dari nilai x maksimum data. hAxis.viewWindow.max mengganti properti ini.

Jenis: number
Default: otomatis
hAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis petak minor pada sumbu horizontal, mirip dengan opsi hAxis.gridlines.

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
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 minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis petak minor dengan menetapkan jumlahnya ke 0. Jumlah garis petak minor kini sepenuhnya bergantung pada interval antara garis petak utama (lihat hAxis.gridlines.interval) dan ruang minimum yang diperlukan (lihat hAxis.minorGridlines.minSpacing).

Jenis: number
Default: 1
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. hAxis.viewWindow.min mengganti properti ini.

Jenis: number
Default: otomatis
hAxis.textPosition

Posisi teks sumbu horizontal, relatif terhadap area diagram. Nilai yang didukung: 'out', 'in', 'none'.

Jenis: string
Default: 'out'
hAxis.textStyle

Objek yang menentukan gaya teks sumbu horizontal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Properti hAxis yang menentukan judul sumbu horizontal.

Jenis: string
Default: null
hAxis.titleTextStyle

Objek yang menentukan gaya teks judul sumbu horizontal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Menentukan rentang pemangkasan sumbu horizontal.

Jenis: object
Default: null
hAxis.viewWindow.max

Nilai data horizontal maksimum yang akan dirender.

Diabaikan jika hAxis.viewWindowMode adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
hAxis.viewWindow.min

Nilai data horizontal minimum yang akan dirender.

Diabaikan jika hAxis.viewWindowMode adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
tinggi

Tinggi diagram dalam piksel.

Jenis: number
Default: tinggi elemen penampung
isStacked

Jika ditetapkan ke true, elemen untuk semua deret akan ditumpuk di setiap nilai domain. Catatan: Dalam diagram Column, Area, dan SteppedArea, Google Charts membalikkan urutan item legenda agar lebih sesuai dengan penumpukan elemen deret (Misalnya, deret 0 akan menjadi item legenda paling bawah). Hal ini tidak berlaku untuk Diagram Batang.

Opsi isStacked juga mendukung penumpukan 100%, dengan tumpukan elemen di setiap nilai domain diskalakan ulang agar jumlahnya mencapai 100%.

Opsi untuk isStacked adalah:

  • false — elemen tidak akan ditumpuk. Ini adalah opsi default.
  • true — menumpuk elemen untuk semua deret di setiap nilai domain.
  • 'percent' — menumpuk elemen untuk semua deret pada setiap nilai domain dan menskalakannya ulang sehingga jumlahnya mencapai 100%, dengan setiap nilai elemen dihitung sebagai persentase 100%.
  • 'relative' — menumpuk elemen untuk semua deret di setiap nilai domain dan menskalakannya ulang sehingga jumlahnya menjadi 1, dengan setiap nilai elemen dihitung sebagai fraksi dari 1.
  • 'absolute' — berfungsi sama seperti isStacked: true.

Untuk penumpukan 100%, nilai yang dihitung untuk setiap elemen akan muncul di tooltip setelah nilai sebenarnya.

Sumbu target akan ditetapkan secara default ke nilai tanda centang berdasarkan skala 0-1 relatif sebagai pecahan 1 untuk 'relative', dan 0-100% untuk 'percent' (Catatan: saat menggunakan opsi 'percent', nilai sumbu/titik centang ditampilkan sebagai persentase, tetapi nilai sebenarnya adalah nilai skala 0-1 relatif. Hal ini karena tick sumbu persentase adalah hasil penerapan format "#.##%" ke nilai skala relatif 0-1. Saat menggunakan isStacked: 'percent', pastikan untuk menentukan tanda/garis petak menggunakan nilai skala 0-1 relatif). Anda dapat menyesuaikan garis petak/nilai tanda centang dan format menggunakan opsi hAxis/vAxis yang sesuai.

Stacking 100% hanya mendukung nilai data jenis number, dan harus memiliki dasar pengukuran nol.

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: object
Default: null
legend.position

Posisi legenda. Dapat berupa salah satu dari hal berikut:

  • 'bottom' - Di bawah diagram.
  • 'left' - Di sebelah kiri diagram, asalkan sumbu kiri tidak memiliki deret yang terkait dengannya. Jadi, jika Anda ingin legenda di sebelah kiri, gunakan opsi targetAxisIndex: 1.
  • 'in' - Di dalam diagram, di sudut kiri atas.
  • 'none' - Tidak ada legenda yang ditampilkan.
  • 'right' - Di sebelah kanan diagram. Tidak kompatibel dengan opsi vAxes.
  • 'top' - Di atas diagram.
Jenis: string
Default: 'right'
legendTextStyle

Objek yang menentukan gaya teks legenda. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
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 discrete major.

Jenis: boolean
Default: false
series

Array objek, masing-masing menjelaskan format deret yang sesuai dalam diagram. Agar dapat menggunakan nilai default untuk deret, tentukan objek kosong {}. Jika deret atau nilai tidak ditentukan, nilai global akan digunakan. Setiap objek mendukung properti berikut:

  • annotations - Objek yang akan diterapkan ke anotasi untuk seri ini. Hal ini dapat digunakan untuk mengontrol, misalnya, textStyle untuk seri:

    series: {
      0: {
        annotations: {
          textStyle: {fontSize: 12, color: 'red' }
        }
      }
    }
              

    Lihat berbagai opsi annotations untuk daftar lebih lengkap tentang apa saja yang dapat disesuaikan.

  • color - Warna yang akan digunakan untuk seri ini. Tentukan string warna HTML yang valid.
  • labelInLegend - Deskripsi deret yang akan muncul di legenda diagram.
  • targetAxisIndex - Sumbu yang akan ditetapkan untuk deret ini, dengan 0 adalah sumbu default, dan 1 adalah sumbu yang berlawanan. Nilai defaultnya adalah 0; ditetapkan ke 1 untuk menentukan diagram dengan deret yang berbeda-beda dirender terhadap sumbu yang berbeda. Setidaknya satu deret harus dialokasikan ke sumbu default. Anda dapat menentukan skala yang berbeda untuk sumbu yang berbeda.

Anda dapat menentukan array objek, yang masing-masing berlaku untuk deret dalam urutan yang ditentukan, atau Anda dapat menentukan objek dengan setiap turunan memiliki kunci numerik yang menunjukkan pada deret mana hal tersebut berlaku. Misalnya, dua deklarasi berikut identik, dan mendeklarasikan deret pertama sebagai hitam dan tidak ada dalam legenda, serta deret keempat sebagai merah dan tidak ada dalam 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: {}
Sub judul (Subtitle)

Teks yang akan ditampilkan di bawah judul diagram.

Jenis: string
Default: no title
subtitleTextStyle

Objek yang menentukan gaya teks judul.

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Tema adalah sekumpulan nilai opsi yang telah ditentukan yang bekerja sama untuk mencapai perilaku diagram atau efek visual tertentu. Saat ini hanya tersedia satu tema:

  • 'maximized' - Memaksimalkan area diagram, dan menggambar legenda serta semua label di dalam area diagram.
Jenis: string
Default: null
judul

Teks yang akan ditampilkan di atas diagram.

Jenis: string
Default: tanpa judul
titleTextStyle

Objek yang menentukan gaya teks judul. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
garis tren

Menampilkan garis tren pada diagram yang mendukungnya. Secara default, garis tren linear digunakan, tetapi ini dapat disesuaikan dengan opsi trendlines.n.type.

Garis tren ditentukan per seri, sehingga biasanya opsi Anda akan terlihat seperti ini:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
Jenis: object
Default: null
trendlines.n.color

Warna garis tren , yang dinyatakan sebagai nama warna dalam bahasa Inggris atau string heksadesimal.

Jenis: string
Default: warna deret default
trendlines.n.degree

Untuk garis tren type: 'polynomial', derajat polinomial (2 untuk kuadrat, 3 untuk kubik, dan seterusnya).

Jenis: number
Default: 3
trendlines.n.labelInLegend

Jika ditetapkan, garis tren akan muncul dalam legenda sebagai string ini.

Jenis: string
Default: null
trendlines.n.lineWidth

Lebar garis garis tren, dalam piksel.

Jenis: number
Default: 2
trendlines.n.type

Apakah garis tren adalah 'linear' (default), 'exponential', atau 'polynomial'.

Jenis: string
Default: linear
trendlines.n.visibleInLegend

Apakah persamaan garis tren muncul di legenda. Nilai ini akan muncul di tooltip garis tren.

Jenis: boolean
Default: false
useFirstColumnAsDomain

Jika disetel ke true, diagram akan memperlakukan kolom sebagai domain.

Jenis: boolean
vAxes

Menentukan properti untuk setiap sumbu vertikal, jika diagram memiliki beberapa sumbu vertikal. Setiap objek turunan adalah objek vAxis, dan dapat berisi semua properti yang didukung oleh vAxis. Nilai properti ini menggantikan setelan global untuk properti yang sama.

Untuk menentukan diagram dengan beberapa sumbu vertikal, pertama-tama tentukan sumbu baru menggunakan series.targetAxisIndex, lalu konfigurasikan sumbu menggunakan vAxes. Contoh berikut menetapkan deret 2 ke sumbu kanan dan menentukan judul dan gaya teks kustom untuknya:

{
  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 ditentukannya--ini adalah format yang ditampilkan di atas; array adalah array objek, satu per sumbu. Misalnya, notasi gaya array berikut identik dengan objek vAxis yang ditampilkan di atas:

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: object
Default: null
vAxis.direction

Arah pertumbuhan nilai di sepanjang sumbu vertikal. Secara default, nilai rendah berada di bagian bawah diagram. Tentukan -1 untuk membalikkan urutan nilai.

Jenis: 1 atau -1
Default: 1
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}

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
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 gridlines.count, angka tersebut akan digunakan untuk menghitung minSpacing di antara garis petak. Anda dapat menentukan nilai 1 untuk menggambar satu garis petak saja, atau 0 untuk menggambar garis petak tanpa garis. Tentukan -1, yang merupakan setelan default, untuk menghitung jumlah garis petak secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
vAxis.logScale

Jika true, membuat sumbu vertikal menjadi skala logaritmik. Catatan: Semua nilai harus positif.

Jenis: boolean
Default: false
vAxis.maxValue

Memindahkan nilai maksimum sumbu vertikal ke nilai yang ditentukan; nilai ini akan naik di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih kecil dari nilai y maksimum data. vAxis.viewWindow.max mengganti properti ini.

Jenis: number
Default: otomatis
vAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis petak minor pada sumbu vertikal, mirip dengan opsi vAxis.gridlines.

Jenis: object
Default: null
vAxis.minorGridlines.color

Warna garis petak minor vertikal di dalam area diagram. Tentukan string warna HTML yang valid.

Jenis: string
Default: Gabungan warna garis petak dan latar belakang
vAxis.minorGridlines.count

Opsi minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis petak minor dengan menetapkan jumlahnya ke 0. Jumlah garis petak minor bergantung pada interval antara garis petak utama dan ruang minimum yang diperlukan.

Jenis: number
Default: 1
vAxis.minValue

Memindahkan nilai minimum sumbu vertikal ke nilai yang ditentukan; nilai ini akan menurun di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai y minimum data. vAxis.viewWindow.min mengganti properti ini.

Jenis: number
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 menentukan gaya teks sumbu vertikal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Menentukan judul untuk sumbu vertikal.

Jenis: string
Default: no title
vAxis.titleTextStyle

Objek yang menentukan gaya teks judul sumbu vertikal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Menentukan rentang pemangkasan sumbu vertikal.

Jenis: object
Default: null
vAxis.viewWindow.max

Nilai data vertikal maksimum yang akan dirender.

Diabaikan jika vAxis.viewWindowMode 'cantik' atau 'dimaksimalkan'.

Jenis: number
Default: otomatis
vAxis.viewWindow.min

Nilai data vertikal minimum yang akan dirender.

Diabaikan jika vAxis.viewWindowMode bersifat 'cantik' atau 'dimaksimalkan'.

Jenis: number
Default: otomatis

Opsi konfigurasi diagram kombinasi

Nama
areaOpacity

Opasitas default area berwarna pada deret diagram area, dengan 0.0 sepenuhnya transparan dan 1.0 sepenuhnya buram. Guna menentukan opasitas untuk masing-masing deret, setel nilai areaOpacity dalam properti series.

Jenis: number, 0.0- 1.0
Default: 0.3
backgroundColor

Warna latar belakang untuk area utama diagram. Dapat berupa string warna HTML sederhana, misalnya: 'red' atau '#00cc00', atau objek dengan properti berikut.

Jenis: string atau object
Default: 'white'
backgroundColor.fill

Warna pengisi diagram, sebagai string warna HTML.

Jenis: string
Default: 'white'
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: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Jenis: object
Default: null
chartArea.backgroundColor
Warna latar belakang area diagram. Jika digunakan, string dapat berupa string heksadesimal (misalnya, '#fdc') atau nama warna bahasa Inggris. Saat objek digunakan, properti berikut dapat diberikan:
  • stroke: Warna, diberikan sebagai string heksadesimal atau nama warna bahasa Inggris.
  • strokeWidth: Jika disediakan, menggambar batas di sekitar area diagram dengan lebar yang ditentukan (dan dengan warna stroke).
Jenis: string atau object
Default: 'white'
chartArea.height

Tinggi area diagram.

Jenis: number atau string
Default: otomatis
chartArea.left

Jarak untuk menggambar diagram dari batas kiri.

Jenis: number atau string
Default: otomatis
chartArea.top

Seberapa jauh menggambar diagram dari batas atas.

Jenis: number atau string
Default: otomatis
chartArea.width

Lebar area diagram.

Jenis: number atau string
Default: otomatis
warna

Warna yang akan digunakan untuk elemen diagram. Array string, dengan setiap elemen adalah string warna HTML, misalnya: colors:['red','#004411'].

Jenis: Array string
Default: warna default
curveType

Mengontrol kurva garis jika lebar garis bukan nol. Dapat berupa salah satu dari hal berikut:

  • 'none' - Garis lurus tanpa kurva.
  • 'function' - Sudut garis akan dihaluskan.
Jenis:string
Default: 'none'
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: object
Default: null
hAxis.direction

Arah peningkatan nilai di sepanjang sumbu horizontal. Tentukan -1 untuk membalik urutan nilai.

Jenis: 1 atau -1
Default: 1
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 continuous.

Jenis: object
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 gridlines.count, angka tersebut akan digunakan untuk menghitung minSpacing di antara garis petak. Anda dapat menentukan nilai 1 untuk hanya menggambar satu garis petak, atau 0 untuk tidak menggambar garis petak. Tentukan -1, yang merupakan setelan default, untuk menghitung jumlah garis petak secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
hAxis.logScale

Properti hAxis yang membuat sumbu horizontal menjadi skala logaritmik (memerlukan semua nilai positif). Tetapkan ke true untuk ya.

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: boolean
Default: false
hAxis.maxValue

Memindahkan nilai maksimum sumbu horizontal ke nilai yang ditentukan; nilai ini akan berada di sebelah kanan di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih kecil dari nilai x maksimum data. hAxis.viewWindow.max mengganti properti ini.

Jenis: number
Default: otomatis
hAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis petak minor pada sumbu horizontal, mirip dengan opsi hAxis.gridlines.

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
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 minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis petak minor dengan menetapkan jumlahnya ke 0. Jumlah garis petak minor kini sepenuhnya bergantung pada interval antara garis petak utama (lihat hAxis.gridlines.interval) dan ruang minimum yang diperlukan (lihat hAxis.minorGridlines.minSpacing).

Jenis: number
Default: 1
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. hAxis.viewWindow.min mengganti properti ini.

Jenis: number
Default: otomatis
hAxis.textPosition

Posisi teks sumbu horizontal, relatif terhadap area diagram. Nilai yang didukung: 'out', 'in', 'none'.

Jenis: string
Default: 'out'
hAxis.textStyle

Objek yang menentukan gaya teks sumbu horizontal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Properti hAxis yang menentukan judul sumbu horizontal.

Jenis: string
Default: null
hAxis.titleTextStyle

Objek yang menentukan gaya teks judul sumbu horizontal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Menentukan rentang pemangkasan sumbu horizontal.

Jenis: object
Default: null
hAxis.viewWindow.max

Nilai data horizontal maksimum yang akan dirender.

Diabaikan jika hAxis.viewWindowMode adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
hAxis.viewWindow.min

Nilai data horizontal minimum yang akan dirender.

Diabaikan jika hAxis.viewWindowMode adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
tinggi

Tinggi diagram dalam piksel.

Jenis: number
Default: tinggi elemen penampung
interpolateNulls

Apakah akan menebak nilai titik yang hilang. Jika true, nilai data yang hilang akan ditebak berdasarkan titik di sekitarnya. Jika false, baris akan dijeda pada titik yang tidak diketahui.

Hal ini tidak didukung oleh diagram Area dengan opsi isStacked: true/'percent'/'relative'/'absolute'.

Jenis: boolean
Default: false
isStacked

Jika ditetapkan ke true, elemen untuk semua deret akan ditumpuk di setiap nilai domain. Catatan: Dalam diagram Column, Area, dan SteppedArea, Google Charts membalikkan urutan item legenda agar lebih sesuai dengan penumpukan elemen deret (Misalnya, deret 0 akan menjadi item legenda paling bawah). Hal ini tidak berlaku untuk Diagram Batang.

Opsi isStacked juga mendukung penumpukan 100%, dengan tumpukan elemen di setiap nilai domain diskalakan ulang agar jumlahnya mencapai 100%.

Opsi untuk isStacked adalah:

  • false — elemen tidak akan ditumpuk. Ini adalah opsi default.
  • true — menumpuk elemen untuk semua deret di setiap nilai domain.
  • 'percent' — menumpuk elemen untuk semua deret pada setiap nilai domain dan menskalakannya ulang sehingga jumlahnya mencapai 100%, dengan setiap nilai elemen dihitung sebagai persentase 100%.
  • 'relative' — menumpuk elemen untuk semua deret di setiap nilai domain dan menskalakannya ulang sehingga jumlahnya menjadi 1, dengan setiap nilai elemen dihitung sebagai fraksi dari 1.
  • 'absolute' — berfungsi sama seperti isStacked: true.

Untuk penumpukan 100%, nilai yang dihitung untuk setiap elemen akan muncul di tooltip setelah nilai sebenarnya.

Sumbu target akan ditetapkan secara default ke nilai tanda centang berdasarkan skala 0-1 relatif sebagai pecahan 1 untuk 'relative', dan 0-100% untuk 'percent' (Catatan: saat menggunakan opsi 'percent', nilai sumbu/titik centang ditampilkan sebagai persentase, tetapi nilai sebenarnya adalah nilai skala 0-1 relatif. Hal ini karena tick sumbu persentase adalah hasil penerapan format "#.##%" ke nilai skala relatif 0-1. Saat menggunakan isStacked: 'percent', pastikan untuk menentukan tanda/garis petak menggunakan nilai skala 0-1 relatif). Anda dapat menyesuaikan garis petak/nilai tanda centang dan format menggunakan opsi hAxis/vAxis yang sesuai.

Stacking 100% hanya mendukung nilai data jenis number, dan harus memiliki dasar pengukuran nol.

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: object
Default: null
legend.position

Posisi legenda. Dapat berupa salah satu dari hal berikut:

  • 'bottom' - Di bawah diagram.
  • 'left' - Di sebelah kiri diagram, asalkan sumbu kiri tidak memiliki deret yang terkait dengannya. Jadi, jika Anda ingin legenda di sebelah kiri, gunakan opsi targetAxisIndex: 1.
  • 'in' - Di dalam diagram, di sudut kiri atas.
  • 'none' - Tidak ada legenda yang ditampilkan.
  • 'right' - Di sebelah kanan diagram. Tidak kompatibel dengan opsi vAxes.
  • 'top' - Di atas diagram.
Jenis: string
Default: 'right'
legendTextStyle

Objek yang menentukan gaya teks legenda. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Lebar garis data dalam piksel. Gunakan nol untuk menyembunyikan semua garis dan hanya menampilkan titik. Anda dapat mengganti nilai untuk setiap seri menggunakan properti series.

Jenis: number
Default: 2
pointShape

Bentuk setiap elemen data: 'circle', 'triangle', 'square', 'diamond', 'star', atau 'polygon'. Lihat dokumentasi titik untuk mengetahui contohnya.

Jenis: string
Default: 'circle'
pointSize

Diameter titik yang ditampilkan dalam piksel. Gunakan nol untuk menyembunyikan semua titik. Anda dapat mengganti nilai untuk setiap seri menggunakan properti series. Jika Anda menggunakan garis tren, opsi pointSize akan memengaruhi lebar garis tren kecuali jika Anda menggantinya dengan opsi trendlines.n.pointsize.

Jenis: number
Default: 0
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 discrete major.

Jenis: boolean
Default: false
series

Array objek, yang masing-masing menjelaskan format deret yang sesuai dalam diagram. Untuk menggunakan nilai default untuk seri, tentukan objek kosong {}. Jika deret atau nilai tidak ditentukan, nilai global akan digunakan. Setiap objek mendukung properti berikut:

  • annotations - Objek yang akan diterapkan ke anotasi untuk seri ini. Hal ini dapat digunakan untuk mengontrol, misalnya, textStyle untuk seri:

    series: {
      0: {
        annotations: {
          textStyle: {fontSize: 12, color: 'red' }
        }
      }
    }
              

    Lihat berbagai opsi annotations untuk mengetahui daftar yang lebih lengkap tentang hal-hal yang dapat disesuaikan.

  • areaOpacity - Mengganti areaOpacity global untuk rangkaian ini.
  • color - Warna yang akan digunakan untuk seri ini. Tentukan string warna HTML yang valid.
  • curveType - Mengganti nilai curveType global untuk seri ini.
  • fallingColor.fill - Mengganti nilai candlestick.fallingColor.fill global untuk seri ini.
  • fallingColor.stroke - Mengganti nilai candlestick.fallingColor.stroke global untuk deret ini.
  • fallingColor.strokeWidth - Mengganti nilai candlestick.fallingColor.strokeWidth global untuk deret ini.
  • labelInLegend - Deskripsi deret yang akan muncul di legenda diagram.
  • lineDashStyle - Mengganti nilai lineDashStyle global untuk rangkaian ini.
  • lineWidth - Mengganti nilai lineWidth global untuk seri ini.
  • pointShape - Mengganti nilai pointShape global untuk rangkaian ini.
  • pointSize - Mengganti nilai pointSize global untuk seri ini.
  • pointsVisible - Mengganti nilai pointsVisible global untuk rangkaian ini.
  • risingColor.fill - Mengganti nilai candlestick.risingColor.fill global untuk seri ini.
  • risingColor.stroke - Mengganti nilai candlestick.risingColor.stroke global untuk seri ini.
  • risingColor.strokeWidth - Mengganti nilai candlestick.risingColor.strokeWidth global untuk seri ini.
  • targetAxisIndex - Sumbu yang akan ditetapkan untuk deret ini, dengan 0 adalah sumbu default, dan 1 adalah sumbu yang berlawanan. Nilai default adalah 0; tetapkan ke 1 untuk menentukan diagram tempat deret yang berbeda dirender terhadap sumbu yang berbeda. Setidaknya satu deret harus dialokasikan ke sumbu default. Anda dapat menentukan skala yang berbeda untuk sumbu yang berbeda.
  • type - Jenis penanda untuk deret ini. Nilai yang valid adalah 'line', 'area', 'bars', dan 'steppedArea'. Perhatikan bahwa batang sebenarnya adalah batang vertikal (kolom). Nilai default ditentukan oleh opsi seriesType diagram.
  • visibleInLegend - Nilai boolean, dengan true berarti deret harus memiliki entri legenda, dan false berarti tidak boleh. Default-nya adalah true.

Anda dapat menentukan array objek, yang masing-masing berlaku untuk deret dalam urutan yang ditentukan, atau Anda dapat menentukan objek dengan setiap turunan memiliki kunci numerik yang menunjukkan pada deret mana hal tersebut berlaku. Misalnya, dua deklarasi berikut identik, dan mendeklarasikan deret pertama sebagai hitam dan tidak ada dalam legenda, serta deret keempat sebagai merah dan tidak ada dalam 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: {}
Sub judul (Subtitle)

Teks yang akan ditampilkan di bawah judul diagram.

Jenis: string
Default: no title
subtitleTextStyle

Objek yang menentukan gaya teks judul.

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Tema adalah sekumpulan nilai opsi yang telah ditentukan yang bekerja sama untuk mencapai perilaku diagram atau efek visual tertentu. Saat ini hanya tersedia satu tema:

  • 'maximized' - Memaksimalkan area diagram, dan menggambar legenda serta semua label di dalam area diagram.
Jenis: string
Default: null
judul

Teks yang akan ditampilkan di atas diagram.

Jenis: string
Default: tanpa judul
titleTextStyle

Objek yang menentukan gaya teks judul. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

Jika disetel ke true, diagram akan memperlakukan kolom sebagai domain.

Jenis: boolean
vAxes

Menentukan properti untuk setiap sumbu vertikal, jika diagram memiliki beberapa sumbu vertikal. Setiap objek turunan adalah objek vAxis, dan dapat berisi semua properti yang didukung oleh vAxis. Nilai properti ini menggantikan setelan global untuk properti yang sama.

Untuk menentukan diagram dengan beberapa sumbu vertikal, pertama-tama tentukan sumbu baru menggunakan series.targetAxisIndex, lalu konfigurasikan sumbu menggunakan vAxes. Contoh berikut menetapkan deret 2 ke sumbu kanan dan menentukan judul dan gaya teks kustom untuknya:

{
  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 ditentukannya--ini adalah format yang ditampilkan di atas; array adalah array objek, satu per sumbu. Misalnya, notasi gaya array berikut identik dengan objek vAxis yang ditampilkan di atas:

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: object
Default: null
vAxis.direction

Arah pertumbuhan nilai di sepanjang sumbu vertikal. Secara default, nilai rendah berada di bagian bawah diagram. Tentukan -1 untuk membalikkan urutan nilai.

Jenis: 1 atau -1
Default: 1
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}

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
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 gridlines.count, angka tersebut akan digunakan untuk menghitung minSpacing di antara garis petak. Anda dapat menentukan nilai 1 untuk menggambar satu garis petak saja, atau 0 untuk menggambar garis petak tanpa garis. Tentukan -1, yang merupakan setelan default, untuk menghitung jumlah garis petak secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
vAxis.logScale

Jika true, membuat sumbu vertikal menjadi skala logaritmik. Catatan: Semua nilai harus positif.

Jenis: boolean
Default: false
vAxis.maxValue

Memindahkan nilai maksimum sumbu vertikal ke nilai yang ditentukan; nilai ini akan naik di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih kecil dari nilai y maksimum data. vAxis.viewWindow.max mengganti properti ini.

Jenis: number
Default: otomatis
vAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis petak minor pada sumbu vertikal, mirip dengan opsi vAxis.gridlines.

Jenis: object
Default: null
vAxis.minorGridlines.color

Warna garis petak minor vertikal di dalam area diagram. Tentukan string warna HTML yang valid.

Jenis: string
Default: Gabungan warna garis petak dan latar belakang
vAxis.minorGridlines.count

Opsi minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis petak minor dengan menetapkan jumlahnya ke 0. Jumlah garis petak minor bergantung pada interval antara garis petak utama dan ruang minimum yang diperlukan.

Jenis: number
Default: 1
vAxis.minValue

Memindahkan nilai minimum sumbu vertikal ke nilai yang ditentukan; nilai ini akan menurun di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai y minimum data. vAxis.viewWindow.min mengganti properti ini.

Jenis: number
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 menentukan gaya teks sumbu vertikal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Menentukan judul untuk sumbu vertikal.

Jenis: string
Default: no title
vAxis.titleTextStyle

Objek yang menentukan gaya teks judul sumbu vertikal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Menentukan rentang pemangkasan sumbu vertikal.

Jenis: object
Default: null
vAxis.viewWindow.max

Nilai data vertikal maksimum yang akan dirender.

Diabaikan jika vAxis.viewWindowMode 'cantik' atau 'dimaksimalkan'.

Jenis: number
Default: otomatis
vAxis.viewWindow.min

Nilai data vertikal minimum yang akan dirender.

Diabaikan jika vAxis.viewWindowMode bersifat 'cantik' atau 'dimaksimalkan'.

Jenis: number
Default: otomatis

Opsi konfigurasi pengukur

Nama
greenColor

Warna yang akan digunakan untuk bagian hijau dalam notasi warna HTML.

Jenis: string
Default: '#109618'
greenFrom

Nilai terendah untuk rentang yang ditandai dengan warna hijau.

Jenis: number
Default: none
greenTo

Nilai tertinggi untuk rentang yang ditandai dengan warna hijau.

Jenis: number
Default: none
tinggi

Tinggi diagram dalam piksel.

Jenis: number
Default: Lebar penampung
maks

Nilai maksimum untuk ditampilkan pada sumbu Y. Jika titik data maksimum melebihi nilai ini, setelan ini akan diabaikan, dan diagram akan disesuaikan untuk menampilkan tanda centang utama berikutnya di atas titik data maksimum. Hal ini lebih diutamakan daripada maksimum sumbu Y yang ditentukan oleh scaleType.

Ini mirip dengan maxValue dalam diagram inti.

Jenis: number
Default: otomatis
mnt

Nilai minimum yang akan ditampilkan pada sumbu Y. Jika titik data minimum lebih kecil dari nilai ini, setelan ini akan diabaikan, dan diagram akan disesuaikan untuk menampilkan tanda titik skala utama berikutnya di bawah titik data minimum. Hal ini lebih diprioritaskan daripada minimum sumbu Y yang ditentukan oleh scaleType.

Ini mirip dengan minValue dalam diagram inti.

Jenis: number
Default: otomatis
redColor

Warna yang akan digunakan untuk bagian merah dalam notasi warna HTML.

Jenis: string
Default: '#DC3912'
redFrom

Nilai terendah untuk rentang yang ditandai dengan warna merah.

Jenis: number
Default: tidak ada
redTo

Nilai tertinggi untuk rentang yang ditandai dengan warna merah.

Jenis: number
Default: tidak ada
lebar

Lebar diagram dalam piksel.

Jenis: number
Default: Lebar penampung
yellowColor

Warna yang akan digunakan untuk bagian kuning dalam notasi warna HTML.

Jenis: string
Default: '#FF9900'
yellowFrom

Nilai terendah untuk rentang yang ditandai dengan warna kuning.

Jenis: number
Default: none
yellowTo

Nilai tertinggi untuk rentang yang ditandai dengan warna kuning.

Jenis: number
Default: tidak ada

Opsi konfigurasi diagram geografis

Nama
backgroundColor

Warna latar belakang untuk area utama diagram. Dapat berupa string warna HTML sederhana, misalnya: 'red' atau '#00cc00', atau objek dengan properti berikut.

Jenis: string atau object
Default: 'white'
backgroundColor.fill

Warna pengisi diagram, sebagai string warna HTML.

Jenis: string
Default: 'white'
datalessRegionColor

Warna yang akan ditetapkan ke region tanpa data terkait.

Jenis: string
Default: '#F5F5F5'
defaultColor

Warna yang akan digunakan untuk titik data dalam geochart saat lokasi (mis., 'US' ) ada, tetapi nilainya null atau tidak ditentukan. Hal ini berbeda dengan datalessRegionColor, yang merupakan warna yang digunakan saat data tidak ada.

Jenis: string
Default: '#267114'
displayMode

Jenis geochart ini apa. Format DataTable harus cocok dengan nilai yang ditentukan. Nilai berikut didukung:

  • 'auto' - Pilih berdasarkan format DataTable.
  • 'regions' - Mewarnai wilayah pada peta geografis.
  • 'markers' - Menempatkan penanda di wilayah.
  • 'text' - Memberi label pada region dengan teks dari DataTable.
Jenis: string
Default: 'auto'
tinggi

Tinggi diagram dalam piksel.

Jenis: number
Default: tinggi elemen penampung
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: object
Default: null
legendTextStyle

Objek yang menentukan gaya teks legenda. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
region

Area yang akan ditampilkan di geochart. Area sekitar juga ditampilkan. Dapat berupa salah satu dari hal berikut:

  • 'world' - Diagram geografis seluruh dunia.
  • Benua atau sub-benua, yang ditentukan oleh kode 3 digit, misalnya, '011' untuk Afrika Barat.
  • Negara, yang ditentukan berdasarkan kode ISO 3166-1 alpha-2, misalnya, 'AU' untuk Australia.
  • Negara bagian di Amerika Serikat, yang ditentukan oleh kode ISO 3166-2:US, misalnya, 'US-AL' untuk Alabama. Perhatikan bahwa opsi resolution harus ditetapkan ke 'provinces' atau 'metros'.
Jenis: string
Default: 'world'
lebar

Lebar diagram dalam piksel.

Jenis: number
Default: lebar elemen yang memuatnya

Opsi konfigurasi histogram

Nama
backgroundColor

Warna latar belakang untuk area utama diagram. Dapat berupa string warna HTML sederhana, misalnya: 'red' atau '#00cc00', atau objek dengan properti berikut.

Jenis: string atau object
Default: 'white'
backgroundColor.fill

Warna pengisi diagram, sebagai string warna HTML.

Jenis: string
Default: 'white'
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: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Jenis: object
Default: null
chartArea.backgroundColor
Warna latar belakang area diagram. Jika digunakan, string dapat berupa string heksadesimal (misalnya, '#fdc') atau nama warna bahasa Inggris. Saat objek digunakan, properti berikut dapat diberikan:
  • stroke: Warna, diberikan sebagai string heksadesimal atau nama warna bahasa Inggris.
  • strokeWidth: Jika disediakan, menggambar batas di sekitar area diagram dengan lebar tertentu (dan dengan warna stroke).
Jenis: string atau object/div>
Default: 'white'
chartArea.height

Tinggi area diagram.

Jenis: number atau string
Default: otomatis
chartArea.left

Jarak untuk menggambar diagram dari batas kiri.

Jenis: number atau string
Default: otomatis
chartArea.top

Seberapa jauh menggambar diagram dari batas atas.

Jenis: number atau string
Default: otomatis
chartArea.width

Lebar area diagram.

Jenis: number atau string
Default: otomatis
warna

Warna yang akan digunakan untuk elemen diagram. Array string, dengan setiap elemen adalah string warna HTML, misalnya: colors:['red','#004411'].

Jenis: Array string
Default: warna default
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: object
Default: null
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 continuous.

Jenis: object
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 gridlines.count, angka tersebut akan digunakan untuk menghitung minSpacing di antara garis petak. Anda dapat menentukan nilai 1 untuk hanya menggambar satu garis petak, atau 0 untuk tidak menggambar garis petak. Tentukan -1, yang merupakan setelan default, untuk menghitung jumlah garis petak secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
hAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis petak minor pada sumbu horizontal, mirip dengan opsi hAxis.gridlines.

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
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 minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis petak minor dengan menetapkan jumlahnya ke 0. Jumlah garis petak minor kini sepenuhnya bergantung pada interval antara garis petak utama (lihat hAxis.gridlines.interval) dan ruang minimum yang diperlukan (lihat hAxis.minorGridlines.minSpacing).

Jenis: number
Default: 1
hAxis.textPosition

Posisi teks sumbu horizontal, relatif terhadap area diagram. Nilai yang didukung: 'out', 'in', 'none'.

Jenis: string
Default: 'out'
hAxis.textStyle

Objek yang menentukan gaya teks sumbu horizontal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Properti hAxis yang menentukan judul sumbu horizontal.

Jenis: string
Default: null
hAxis.titleTextStyle

Objek yang menentukan gaya teks judul sumbu horizontal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Menentukan rentang pemangkasan sumbu horizontal.

Jenis: object
Default: null
hAxis.viewWindow.max

Nilai data horizontal maksimum yang akan dirender.

Diabaikan jika hAxis.viewWindowMode adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
hAxis.viewWindow.min

Nilai data horizontal minimum yang akan dirender.

Diabaikan jika hAxis.viewWindowMode adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
tinggi

Tinggi diagram dalam piksel.

Jenis: number
Default: tinggi elemen penampung
histogram.bucketSize

Lakukan hardcode ukuran setiap batang histogram, bukan membiarkannya ditentukan secara algoritma.

Jenis: number
Default: otomatis
histogram.hideBucketItems

Hapus bagian tipis di antara blok histogram, sehingga menjadi serangkaian batang solid.

Jenis: boolean
Default: false
histogram.lastBucketPercentile

Saat menghitung ukuran bucket histogram, abaikan persentase lastBucketPercentile di bagian atas dan bawah. Nilai ini masih disertakan dalam histogram, tetapi tidak memengaruhi pengelompokan.

Jenis: number
Default: 0
interpolateNulls

Apakah untuk menebak nilai poin yang hilang. Jika true, nilai data yang hilang akan ditebak berdasarkan titik di sekitarnya. Jika false, baris akan dijeda pada titik yang tidak diketahui.

Hal ini tidak didukung oleh diagram Area dengan opsi isStacked: true/'percent'/'relative'/'absolute'.

Jenis: boolean
Default: false
isStacked

Jika ditetapkan ke true, elemen untuk semua deret akan ditumpuk di setiap nilai domain. Catatan: Dalam diagram Kolom, Area, dan SteppedArea, Google Chart membalik urutan item legenda agar lebih sesuai dengan tumpukan elemen deret (Misalnya, seri 0 akan menjadi item legenda paling bawah). Hal ini tidak berlaku untuk Diagram Batang.

Opsi isStacked juga mendukung penumpukan 100%, dengan tumpukan elemen di setiap nilai domain diskalakan ulang agar jumlahnya mencapai 100%.

Opsi untuk isStacked adalah:

  • false — elemen tidak akan ditumpuk. Ini adalah opsi default.
  • true — menumpuk elemen untuk semua deret di setiap nilai domain.
  • 'percent' — menumpuk elemen untuk semua deret pada setiap nilai domain dan menskalakannya ulang sehingga jumlahnya mencapai 100%, dengan setiap nilai elemen dihitung sebagai persentase 100%.
  • 'relative' — menumpuk elemen untuk semua deret di setiap nilai domain dan menskalakannya ulang sehingga jumlahnya menjadi 1, dengan setiap nilai elemen dihitung sebagai fraksi dari 1.
  • 'absolute' — berfungsi sama seperti isStacked: true.

Untuk penumpukan 100%, nilai yang dihitung untuk setiap elemen akan muncul di tooltip setelah nilai sebenarnya.

Sumbu target akan ditetapkan secara default ke nilai tanda centang berdasarkan skala 0-1 relatif sebagai pecahan 1 untuk 'relative', dan 0-100% untuk 'percent' (Catatan: saat menggunakan opsi 'percent', nilai sumbu/titik centang ditampilkan sebagai persentase, tetapi nilai sebenarnya adalah nilai skala 0-1 relatif. Hal ini karena tick sumbu persentase adalah hasil penerapan format "#.##%" ke nilai skala relatif 0-1. Saat menggunakan isStacked: 'percent', pastikan untuk menentukan tanda/garis petak menggunakan nilai skala 0-1 relatif). Anda dapat menyesuaikan garis petak/nilai tanda centang dan format menggunakan opsi hAxis/vAxis yang sesuai.

Stacking 100% hanya mendukung nilai data jenis number, dan harus memiliki dasar pengukuran nol.

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: object
Default: null
legend.position

Posisi legenda. Dapat berupa salah satu dari hal berikut:

  • 'bottom' - Di bawah diagram.
  • 'left' - Di sebelah kiri diagram, asalkan sumbu kiri tidak memiliki deret yang terkait dengannya. Jadi, jika Anda ingin legenda di sebelah kiri, gunakan opsi targetAxisIndex: 1.
  • 'in' - Di dalam diagram, di sudut kiri atas.
  • 'none' - Tidak ada legenda yang ditampilkan.
  • 'right' - Di sebelah kanan diagram. Tidak kompatibel dengan opsi vAxes.
  • 'top' - Di atas diagram.
Jenis: string
Default: 'right'
legendTextStyle

Objek yang menentukan gaya teks legenda. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
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 discrete major.

Jenis: boolean
Default: false
series

Array objek, yang masing-masing menjelaskan format deret yang sesuai dalam diagram. Untuk menggunakan nilai default untuk deret, tentukan objek kosong {}. Jika deret atau nilai tidak ditentukan, nilai global akan digunakan. Setiap objek mendukung properti berikut:

  • color - Warna yang akan digunakan untuk seri ini. Tentukan string warna HTML yang valid.
  • labelInLegend - Deskripsi deret yang akan muncul di legenda diagram.
  • targetAxisIndex - Sumbu mana yang akan ditetapkan ke deret ini, dengan 0 sebagai sumbu default, dan 1 adalah sumbu yang berlawanan. Nilai defaultnya adalah 0; ditetapkan ke 1 untuk menentukan diagram dengan deret yang berbeda-beda dirender terhadap sumbu yang berbeda. Setidaknya satu deret harus dialokasikan ke sumbu default. Anda dapat menentukan skala yang berbeda untuk sumbu yang berbeda.
  • visibleInLegend - Nilai boolean, dengan true berarti deret harus memiliki entri legenda, dan false berarti tidak boleh. Default-nya adalah true.

Anda dapat menentukan array objek, yang masing-masing berlaku untuk deret dalam urutan yang ditentukan, atau Anda dapat menentukan objek dengan setiap turunan memiliki kunci numerik yang menunjukkan pada deret mana hal tersebut berlaku. Misalnya, dua deklarasi berikut identik, dan mendeklarasikan deret pertama sebagai hitam dan tidak ada dalam legenda, serta deret keempat sebagai merah dan tidak ada dalam 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: {}
Sub judul (Subtitle)

Teks yang akan ditampilkan di bawah judul diagram.

Jenis: string
Default: no title
subtitleTextStyle

Objek yang menentukan gaya teks judul.

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Tema adalah sekumpulan nilai opsi yang telah ditentukan yang bekerja sama untuk mencapai perilaku diagram atau efek visual tertentu. Saat ini hanya tersedia satu tema:

  • 'maximized' - Memaksimalkan area diagram, dan menggambar legenda serta semua label di dalam area diagram.
Jenis: string
Default: null
judul

Teks yang akan ditampilkan di atas diagram.

Jenis: string
Default: tanpa judul
titleTextStyle

Objek yang menentukan gaya teks judul. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

Jika disetel ke true, diagram akan memperlakukan kolom sebagai domain.

Jenis: boolean
vAxes

Menentukan properti untuk setiap sumbu vertikal, jika diagram memiliki beberapa sumbu vertikal. Setiap objek turunan adalah objek vAxis, dan dapat berisi semua properti yang didukung oleh vAxis. Nilai properti ini menggantikan setelan global untuk properti yang sama.

Untuk menentukan diagram dengan beberapa sumbu vertikal, pertama-tama tentukan sumbu baru menggunakan series.targetAxisIndex, lalu konfigurasikan sumbu menggunakan vAxes. Contoh berikut menetapkan deret 2 ke sumbu kanan dan menentukan judul dan gaya teks kustom untuknya:

{
  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 ditentukannya--ini adalah format yang ditampilkan di atas; array adalah array objek, satu per sumbu. Misalnya, notasi gaya array berikut identik dengan objek vAxis yang ditampilkan di atas:

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: object
Default: null
vAxis.direction

Arah pertumbuhan nilai di sepanjang sumbu vertikal. Secara default, nilai rendah berada di bagian bawah diagram. Tentukan -1 untuk membalikkan urutan nilai.

Jenis: 1 atau -1
Default: 1
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}

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
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 gridlines.count, angka tersebut akan digunakan untuk menghitung minSpacing di antara garis petak. Anda dapat menentukan nilai 1 untuk menggambar satu garis petak saja, atau 0 untuk menggambar garis petak tanpa garis. Tentukan -1, yang merupakan setelan default, untuk menghitung jumlah garis petak secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
vAxis.logScale

Jika true, membuat sumbu vertikal menjadi skala logaritmik. Catatan: Semua nilai harus positif.

Jenis: boolean
Default: false
vAxis.maxValue

Memindahkan nilai maksimum sumbu vertikal ke nilai yang ditentukan; nilai ini akan naik di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih kecil dari nilai y maksimum data. vAxis.viewWindow.max mengganti properti ini.

Jenis: number
Default: otomatis
vAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis petak minor pada sumbu vertikal, mirip dengan opsi vAxis.gridlines.

Jenis: object
Default: null
vAxis.minorGridlines.color

Warna garis petak minor vertikal di dalam area diagram. Tentukan string warna HTML yang valid.

Jenis: string
Default: Gabungan warna garis petak dan latar belakang
vAxis.minorGridlines.count

Opsi minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis petak minor dengan menetapkan jumlahnya ke 0. Jumlah garis petak minor bergantung pada interval antara garis petak utama dan ruang minimum yang diperlukan.

Jenis: number
Default: 1
vAxis.minValue

Memindahkan nilai minimum sumbu vertikal ke nilai yang ditentukan; nilai ini akan menurun di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai y minimum data. vAxis.viewWindow.min mengganti properti ini.

Jenis: number
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 menentukan gaya teks sumbu vertikal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Menentukan judul untuk sumbu vertikal.

Jenis: string
Default: no title
vAxis.titleTextStyle

Objek yang menentukan gaya teks judul sumbu vertikal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Menentukan rentang pemangkasan sumbu vertikal.

Jenis: object
Default: null
vAxis.viewWindow.max

Nilai data vertikal maksimum yang akan dirender.

Diabaikan jika vAxis.viewWindowMode 'cantik' atau 'dimaksimalkan'.

Jenis: number
Default: otomatis
vAxis.viewWindow.min

Nilai data vertikal minimum yang akan dirender.

Diabaikan jika vAxis.viewWindowMode bersifat 'cantik' atau 'dimaksimalkan'.

Jenis: number
Default: otomatis
lebar

Lebar diagram dalam piksel.

Jenis: number
Default: lebar elemen penampung

Opsi konfigurasi diagram garis

Nama
backgroundColor

Warna latar belakang untuk area utama diagram. Dapat berupa string warna HTML sederhana, misalnya: 'red' atau '#00cc00', atau objek dengan properti berikut.

Jenis: string atau object
Default: 'white'
backgroundColor.fill

Warna pengisi diagram, sebagai string warna HTML.

Jenis: string
Default: 'white'
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: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Jenis: object
Default: null
chartArea.backgroundColor
Warna latar belakang area diagram. Jika digunakan, string dapat berupa string heksadesimal (misalnya, '#fdc') atau nama warna bahasa Inggris. Saat objek digunakan, properti berikut dapat diberikan:
  • stroke: Warna, diberikan sebagai string heksadesimal atau nama warna bahasa Inggris.
  • strokeWidth: Jika disediakan, menggambar batas di sekitar area diagram dengan lebar yang ditentukan (dan dengan warna stroke).
Jenis: string atau object
Default: 'white'
chartArea.height

Tinggi area diagram.

Jenis: number atau string
Default: otomatis
chartArea.left

Jarak untuk menggambar diagram dari batas kiri.

Jenis: number atau string
Default: otomatis
chartArea.top

Seberapa jauh menggambar diagram dari batas atas.

Jenis: number atau string
Default: otomatis
chartArea.width

Lebar area diagram.

Jenis: number atau string
Default: otomatis
warna

Warna yang akan digunakan untuk elemen diagram. Array string, dengan setiap elemen adalah string warna HTML, misalnya: colors:['red','#004411'].

Jenis: Array string
Default: warna default
curveType

Mengontrol kurva garis jika lebar garis bukan nol. Dapat berupa salah satu dari hal berikut:

  • 'none' - Garis lurus tanpa kurva.
  • 'function' - Sudut garis akan dihaluskan.
Jenis: string
Default: 'none'
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: object
Default: null
hAxis.direction

Arah peningkatan nilai di sepanjang sumbu horizontal. Tentukan -1 untuk membalik urutan nilai.

Jenis: 1 atau -1
Default: 1
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 continuous.

Jenis: object
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 gridlines.count, angka tersebut akan digunakan untuk menghitung minSpacing di antara garis petak. Anda dapat menentukan nilai 1 untuk hanya menggambar satu garis petak, atau 0 untuk tidak menggambar garis petak. Tentukan -1, yang merupakan setelan default, untuk menghitung jumlah garis petak secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
hAxis.logScale

Properti hAxis yang membuat sumbu horizontal menjadi skala logaritmik (memerlukan semua nilai positif). Tetapkan ke true untuk ya.

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: boolean
Default: false
hAxis.maxValue

Memindahkan nilai maksimum sumbu horizontal ke nilai yang ditentukan; nilai ini akan berada di sebelah kanan di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih kecil dari nilai x maksimum data. hAxis.viewWindow.max mengganti properti ini.

Jenis: number
Default: otomatis
hAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis petak minor pada sumbu horizontal, mirip dengan opsi hAxis.gridlines.

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
Default: null
hAxis.minorGridlines.color

Warna garis petak minor horizontal di dalam area diagram. Tentukan string warna HTML yang valid.

Jenis:string
Default: Gabungan warna garis petak dan latar belakang
hAxis.minorGridlines.count

Opsi minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis petak minor dengan menetapkan jumlahnya ke 0. Jumlah garis petak minor kini sepenuhnya bergantung pada interval antara garis petak utama (lihat hAxis.gridlines.interval) dan ruang minimum yang diperlukan (lihat hAxis.minorGridlines.minSpacing).

Jenis: number
Default: 1
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. hAxis.viewWindow.min mengganti properti ini.

Jenis: number
Default: otomatis
hAxis.textPosition

Posisi teks sumbu horizontal, relatif terhadap area diagram. Nilai yang didukung: 'out', 'in', 'none'.

Jenis: string
Default: 'out'
hAxis.textStyle

Objek yang menentukan gaya teks sumbu horizontal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Properti hAxis yang menentukan judul sumbu horizontal.

Jenis: string
Default: null
hAxis.titleTextStyle

Objek yang menentukan gaya teks judul sumbu horizontal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Menentukan rentang pemangkasan sumbu horizontal.

Jenis: object
Default: null
hAxis.viewWindow.max

Nilai data horizontal maksimum yang akan dirender.

Diabaikan jika hAxis.viewWindowMode adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
hAxis.viewWindow.min

Nilai data horizontal minimum yang akan dirender.

Diabaikan jika hAxis.viewWindowMode adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
tinggi

Tinggi diagram dalam piksel.

Jenis: number
Default: tinggi elemen penampung
interpolateNulls

Apakah akan menebak nilai titik yang hilang. Jika true, nilai data yang hilang akan ditebak berdasarkan titik di sekitarnya. Jika false, perintah ini akan meninggalkan jeda dalam baris pada titik yang tidak diketahui.

Hal ini tidak didukung oleh diagram Area dengan opsi isStacked: true/'percent'/'relative'/'absolute'.

Jenis: boolean
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: object
Default: null
legend.position

Posisi legenda. Dapat berupa salah satu dari hal berikut:

  • 'bottom' - Di bawah diagram.
  • 'left' - Di sebelah kiri diagram, asalkan sumbu kiri tidak memiliki deret yang terkait dengannya. Jadi, jika Anda ingin legenda di sebelah kiri, gunakan opsi targetAxisIndex: 1.
  • 'in' - Di dalam diagram, di sudut kiri atas.
  • 'none' - Tidak ada legenda yang ditampilkan.
  • 'right' - Di sebelah kanan diagram. Tidak kompatibel dengan opsi vAxes.
  • 'top' - Di atas diagram.
Jenis: string
Default: 'right'
legendTextStyle

Objek yang menentukan gaya teks legenda. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Lebar garis data dalam piksel. Gunakan nol untuk menyembunyikan semua garis dan hanya menampilkan titik. Anda dapat mengganti nilai untuk setiap seri menggunakan properti series.

Jenis: number
Default: 2
pointShape

Bentuk elemen data individual: 'circle', 'triangle', 'square', 'diamond', 'star', atau 'polygon'. Lihat dokumentasi poin untuk mengetahui contohnya.

Jenis: string
Default: 'circle'
pointSize

Diameter titik yang ditampilkan dalam piksel. Gunakan nol untuk menyembunyikan semua titik. Anda dapat mengganti nilai untuk setiap seri menggunakan properti series. Jika Anda menggunakan garis tren, opsi pointSize akan memengaruhi lebar garis tren kecuali jika Anda menggantinya dengan opsi trendlines.n.pointsize.

Jenis: number
Default: 0
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 discrete major.

Jenis: boolean
Default: false
series

Array objek, yang masing-masing menjelaskan format deret yang sesuai dalam diagram. Untuk menggunakan nilai default untuk seri, tentukan objek kosong {}. Jika deret atau nilai tidak ditentukan, nilai global akan digunakan. Setiap objek mendukung properti berikut:

  • annotations - Objek yang akan diterapkan ke anotasi untuk seri ini. Hal ini dapat digunakan untuk mengontrol, misalnya, textStyle untuk seri:

    series: {
      0: {
        annotations: {
          textStyle: {fontSize: 12, color: 'red' }
        }
      }
    }
              

    Lihat berbagai opsi annotations untuk mengetahui daftar yang lebih lengkap tentang hal-hal yang dapat disesuaikan.

  • type - Jenis penanda untuk deret ini. Nilai yang valid adalah 'line', 'area', 'bars', dan 'steppedArea'. Perhatikan bahwa batang sebenarnya adalah batang vertikal (kolom). Nilai default ditentukan oleh opsi seriesType diagram.
  • color - Warna yang akan digunakan untuk seri ini. Tentukan string warna HTML yang valid.
  • curveType - Mengganti nilai curveType global untuk seri ini.
  • labelInLegend - Deskripsi deret yang akan muncul di legenda diagram.
  • lineDashStyle - Mengganti nilai lineDashStyle global untuk rangkaian ini.
  • lineWidth - Mengganti nilai lineWidth global untuk seri ini.
  • pointShape - Mengganti nilai pointShape global untuk rangkaian ini.
  • pointSize - Mengganti nilai pointSize global untuk seri ini.
  • pointsVisible - Mengganti nilai pointsVisible global untuk rangkaian ini.
  • targetAxisIndex - Sumbu yang akan ditetapkan untuk deret ini, dengan 0 adalah sumbu default, dan 1 adalah sumbu yang berlawanan. Nilai default adalah 0; tetapkan ke 1 untuk menentukan diagram tempat deret yang berbeda dirender terhadap sumbu yang berbeda. Setidaknya satu deret harus dialokasikan ke sumbu default. Anda dapat menentukan skala yang berbeda untuk sumbu yang berbeda.
  • visibleInLegend - Nilai boolean, dengan true berarti deret harus memiliki entri legenda, dan false berarti tidak boleh. Default-nya adalah true.

Anda dapat menentukan array objek, yang masing-masing berlaku untuk deret dalam urutan yang ditentukan, atau Anda dapat menentukan objek dengan setiap turunan memiliki kunci numerik yang menunjukkan pada deret mana hal tersebut berlaku. Misalnya, dua deklarasi berikut identik, dan mendeklarasikan deret pertama sebagai hitam dan tidak ada dalam legenda, serta deret keempat sebagai merah dan tidak ada dalam 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: {}
Sub judul (Subtitle)

Teks yang akan ditampilkan di bawah judul diagram.

Jenis: string
Default: no title
subtitleTextStyle

Objek yang menentukan gaya teks judul.

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Tema adalah sekumpulan nilai opsi yang telah ditentukan yang bekerja sama untuk mencapai perilaku diagram atau efek visual tertentu. Saat ini hanya tersedia satu tema:

  • 'maximized' - Memaksimalkan area diagram, dan menggambar legenda serta semua label di dalam area diagram.
Jenis: string
Default: null
judul

Teks yang akan ditampilkan di atas diagram.

Jenis: string
Default: tanpa judul
titleTextStyle

Objek yang menentukan gaya teks judul. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Jika ditetapkan ke true, diagram akan memperlakukan kolom sebagai kolom teks.

Jenis: boolean
garis tren

Menampilkan garis tren pada diagram yang mendukungnya. Secara default, garis tren linear digunakan, tetapi ini dapat disesuaikan dengan opsi trendlines.n.type.

Garis tren ditentukan per seri, sehingga biasanya opsi Anda akan terlihat seperti ini:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
Jenis: object
Default: null
trendlines.n.color

Warna garis tren , yang dinyatakan sebagai nama warna dalam bahasa Inggris atau string heksadesimal.

Jenis: string
Default: warna deret default
trendlines.n.degree

Untuk garis tren dari type: 'polynomial', derajat polinomial (2 untuk kuadrat, 3 untuk kubik, dan sebagainya).

Jenis: number
Default: 3
trendlines.n.labelInLegend

Jika ditetapkan, garis tren akan muncul dalam legenda sebagai string ini.

Jenis: string
Default: null
trendlines.n.lineWidth

Lebar garis garis tren , dalam piksel.

Jenis: number
Default: 2
trendlines.n.type

Apakah garis tren adalah 'linear' (default), 'exponential', atau 'polynomial'.

Jenis: string
Default: linear
trendlines.n.visibleInLegend

Apakah persamaan garis tren muncul di legenda. Kolom ini akan muncul di tooltip garis tren.

Jenis: boolean
Default: false
useFirstColumnAsDomain

Jika disetel ke true, diagram akan memperlakukan kolom sebagai domain.

Jenis: boolean
vAxes

Menentukan properti untuk setiap sumbu vertikal, jika diagram memiliki beberapa sumbu vertikal. Setiap objek turunan adalah objek vAxis, dan dapat berisi semua properti yang didukung oleh vAxis. Nilai properti ini menggantikan setelan global untuk properti yang sama.

Untuk menentukan diagram dengan beberapa sumbu vertikal, pertama-tama tentukan sumbu baru menggunakan series.targetAxisIndex, lalu konfigurasikan sumbu menggunakan vAxes. Contoh berikut menetapkan deret 2 ke sumbu kanan dan menentukan judul dan gaya teks kustom untuknya:

{
  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 ditentukannya--ini adalah format yang ditampilkan di atas; array adalah array objek, satu per sumbu. Misalnya, notasi gaya array berikut identik dengan objek vAxis yang ditampilkan di atas:

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: object
Default: null
vAxis.direction

Arah pertumbuhan nilai di sepanjang sumbu vertikal. Secara default, nilai rendah berada di bagian bawah diagram. Tentukan -1 untuk membalikkan urutan nilai.

Jenis: 1 atau -1
Default: 1
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}

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
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 gridlines.count, angka tersebut akan digunakan untuk menghitung minSpacing di antara garis petak. Anda dapat menentukan nilai 1 untuk menggambar satu garis petak saja, atau 0 untuk menggambar garis petak tanpa garis. Tentukan -1, yang merupakan setelan default, untuk menghitung jumlah garis petak secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
vAxis.logScale

Jika true, membuat sumbu vertikal menjadi skala logaritmik. Catatan: Semua nilai harus positif.

Jenis: boolean
Default: false
vAxis.maxValue

Memindahkan nilai maksimum sumbu vertikal ke nilai yang ditentukan; nilai ini akan naik di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih kecil dari nilai y maksimum data. vAxis.viewWindow.max mengganti properti ini.

Jenis: number
Default: otomatis
vAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis petak minor pada sumbu vertikal, mirip dengan opsi vAxis.gridlines.

Jenis: object
Default: null
vAxis.minorGridlines.color

Warna garis petak minor vertikal di dalam area diagram. Tentukan string warna HTML yang valid.

Jenis: string
Default: Gabungan warna garis petak dan latar belakang
vAxis.minorGridlines.count

Opsi minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis petak minor dengan menetapkan jumlahnya ke 0. Jumlah garis petak minor bergantung pada interval antara garis petak utama dan ruang minimum yang diperlukan.

Jenis: number
Default: 1
vAxis.minValue

Memindahkan nilai minimum sumbu vertikal ke nilai yang ditentukan; nilai ini akan menurun di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai y minimum data. vAxis.viewWindow.min mengganti properti ini.

Jenis: number
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 menentukan gaya teks sumbu vertikal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Menentukan judul untuk sumbu vertikal.

Jenis: string
Default: no title
vAxis.titleTextStyle

Objek yang menentukan gaya teks judul sumbu vertikal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Menentukan rentang pemangkasan sumbu vertikal.

Jenis: object
Default: null
vAxis.viewWindow.max

Nilai data vertikal maksimum yang akan dirender.

Diabaikan jika vAxis.viewWindowMode 'cantik' atau 'dimaksimalkan'.

Jenis: number
Default: otomatis
vAxis.viewWindow.min

Nilai data vertikal minimum yang akan dirender.

Diabaikan jika vAxis.viewWindowMode bersifat 'cantik' atau 'dimaksimalkan'.

Jenis: number
Default: otomatis

Opsi konfigurasi diagram organisasi

Nama
warna

Warna latar belakang elemen bagan organisasi.

Jenis: string
Default: '#edf7ff'
selectionColor

Warna latar belakang elemen bagan organisasi yang dipilih.

Jenis: string
Default: '#d6e9f8'
ukuran

Ukuran keseluruhan diagram. Opsi mencakup 'small', 'medium', atau 'large'.

Jenis: string
Default: 'medium'

Opsi konfigurasi diagram lingkaran

Nama
backgroundColor

Warna latar belakang untuk area utama diagram. Dapat berupa string warna HTML sederhana, misalnya: 'red' atau '#00cc00', atau objek dengan properti berikut.

Jenis: string atau object
Default: 'white'
backgroundColor.fill

Warna pengisi diagram, sebagai string warna HTML.

Jenis: string
Default: 'white'
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: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Jenis: object
Default: null
chartArea.backgroundColor
Warna latar belakang area diagram. Jika digunakan, string dapat berupa string heksadesimal (misalnya, '#fdc') atau nama warna bahasa Inggris. Saat objek digunakan, properti berikut dapat diberikan:
  • stroke: Warna, diberikan sebagai string heksadesimal atau nama warna bahasa Inggris.
  • strokeWidth: Jika disediakan, menggambar batas di sekitar area diagram dengan lebar yang ditentukan (dan dengan warna stroke).
Jenis: string atau object
Default: 'white'
chartArea.height

Tinggi area diagram.

Jenis: number atau string
Default: otomatis
chartArea.left

Jarak untuk menggambar diagram dari batas kiri.

Jenis: number atau string
Default: otomatis
chartArea.top

Seberapa jauh menggambar diagram dari batas atas.

Jenis: number atau string
Default: otomatis
chartArea.width

Lebar area diagram.

Jenis: number atau string
Default: otomatis
warna

Warna yang akan digunakan untuk elemen diagram. Array string, dengan setiap elemen adalah string warna HTML, misalnya: colors:['red','#004411'].

Jenis: Array string
Default: warna default
tinggi

Tinggi diagram dalam piksel.

Jenis: number
Default: tinggi elemen penampung
is3D

Jika true, menampilkan diagram tiga dimensi.

Jenis: boolean
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: object
Default: null
legend.position

Posisi legenda. Dapat berupa salah satu dari hal berikut:

  • 'bottom' - Di bawah diagram.
  • 'left' - Di sebelah kiri diagram, asalkan sumbu kiri tidak memiliki deret yang terkait dengannya. Jadi, jika Anda ingin legenda di sebelah kiri, gunakan opsi targetAxisIndex: 1.
  • 'in' - Di dalam diagram, di sudut kiri atas.
  • 'none' - Tidak ada legenda yang ditampilkan.
  • 'right' - Di sebelah kanan diagram. Tidak kompatibel dengan opsi vAxes.
  • 'top' - Di atas diagram.
Jenis: string
Default: 'right'
legendTextStyle

Objek yang menentukan gaya teks legenda. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
pieHole

Jika antara 0 dan 1, menampilkan diagram donat. Lubang memiliki radius yang sama dengan number kali radius diagram.

Jenis: number
Default: 0
pieSliceBorderColor

Warna batas slice. Hanya berlaku jika diagram bersifat dua dimensi.

Jenis: string
Default: 'white'
pieSliceText

Konten teks yang ditampilkan di slice. Dapat berupa salah satu dari hal berikut:

  • 'percentage' - Persentase ukuran slice dari total.
  • 'value' - Nilai kuantitatif slice.
  • 'label' - Nama slice.
  • 'none' - Tidak ada teks yang ditampilkan.
Jenis: string
Default: 'percentage'
pieSliceTextStyle

Objek yang menentukan gaya teks slice. Objek memiliki format ini:

{color: <string>, fontName: <string>, fontSize: <number>}

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
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 discrete major.

Jenis: boolean
Default: false
slices.color

Warna yang akan digunakan untuk slice ini.

Jenis: string
Sub judul (Subtitle)

Teks yang akan ditampilkan di bawah judul diagram.

Jenis: string
Default: no title
subtitleTextStyle

Objek yang menentukan gaya teks judul.

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
judul

Teks yang akan ditampilkan di atas diagram.

Jenis: string
Default: tanpa judul
titleTextStyle

Objek yang menentukan gaya teks judul. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

Opsi konfigurasi diagram sebar

Nama
backgroundColor

Warna latar belakang untuk area utama diagram. Dapat berupa string warna HTML sederhana, misalnya: 'red' atau '#00cc00', atau objek dengan properti berikut.

Jenis: string atau object
Default: 'white'
backgroundColor.fill

Warna pengisi diagram, sebagai string warna HTML.

Jenis:string
Default: 'white'
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: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Jenis: object
Default: null
chartArea.backgroundColor
Warna latar belakang area diagram. Jika digunakan, string dapat berupa string heksadesimal (misalnya, '#fdc') atau nama warna bahasa Inggris. Saat objek digunakan, properti berikut dapat diberikan:
  • stroke: Warna, diberikan sebagai string heksadesimal atau nama warna bahasa Inggris.
  • strokeWidth: Jika disediakan, menggambar batas di sekitar area diagram dengan lebar yang ditentukan (dan dengan warna stroke).
Jenis: string atau object
Default: 'white'
chartArea.height

Tinggi area diagram.

Jenis: number atau string
Default: otomatis
chartArea.left

Jarak untuk menggambar diagram dari batas kiri.

Jenis: number atau string
Default: otomatis
chartArea.top

Seberapa jauh menggambar diagram dari batas atas.

Jenis: number atau string
Default: otomatis
chartArea.width

Lebar area diagram.

Jenis: number atau string
Default: otomatis
warna

Warna yang akan digunakan untuk elemen diagram. Array string, dengan setiap elemen adalah string warna HTML, misalnya: colors:['red','#004411'].

Jenis: Array string
Default: warna default
curveType

Mengontrol kurva garis jika lebar garis bukan nol. Dapat berupa salah satu dari hal berikut:

  • 'none' - Garis lurus tanpa kurva.
  • 'function' - Sudut garis akan dihaluskan.
Jenis:string
Default: 'none'
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: object
Default: null
hAxis.direction

Arah peningkatan nilai di sepanjang sumbu horizontal. Tentukan -1 untuk membalik urutan nilai.

Jenis: 1 atau -1
Default: 1
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 continuous.

Jenis: object
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 gridlines.count, angka tersebut akan digunakan untuk menghitung minSpacing di antara garis petak. Anda dapat menentukan nilai 1 untuk hanya menggambar satu garis petak, atau 0 untuk tidak menggambar garis petak. Tentukan -1, yang merupakan setelan default, untuk menghitung jumlah garis petak secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
hAxis.logScale

Properti hAxis yang membuat sumbu horizontal menjadi skala logaritmik (memerlukan semua nilai positif). Tetapkan ke true untuk ya.

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: boolean
Default: false
hAxis.maxValue

Memindahkan nilai maksimum sumbu horizontal ke nilai yang ditentukan; nilai ini akan berada di sebelah kanan di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih kecil dari nilai x maksimum data. hAxis.viewWindow.max mengganti properti ini.

Jenis: number
Default: otomatis
hAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis petak minor pada sumbu horizontal, mirip dengan opsi hAxis.gridlines.

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
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 minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis petak minor dengan menetapkan jumlahnya ke 0. Jumlah garis petak minor kini sepenuhnya bergantung pada interval antara garis petak utama (lihat hAxis.gridlines.interval) dan ruang minimum yang diperlukan (lihat hAxis.minorGridlines.minSpacing).

Jenis: number
Default: 1
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. hAxis.viewWindow.min mengganti properti ini.

Jenis: number
Default: otomatis
hAxis.textPosition

Posisi teks sumbu horizontal, relatif terhadap area diagram. Nilai yang didukung: 'out', 'in', 'none'.

Jenis: string
Default: 'out'
hAxis.textStyle

Objek yang menentukan gaya teks sumbu horizontal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Properti hAxis yang menentukan judul sumbu horizontal.

Jenis: string
Default: null
hAxis.titleTextStyle

Objek yang menentukan gaya teks judul sumbu horizontal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Menentukan rentang pemangkasan sumbu horizontal.

Jenis: object
Default: null
hAxis.viewWindow.max

Nilai data horizontal maksimum yang akan dirender.

Diabaikan jika hAxis.viewWindowMode adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
hAxis.viewWindow.min

Nilai data horizontal minimum yang akan dirender.

Diabaikan jika hAxis.viewWindowMode adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
tinggi

Tinggi diagram dalam piksel.

Jenis: number
Default: tinggi elemen penampung
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: object
Default: null
legend.position

Posisi legenda. Dapat berupa salah satu dari hal berikut:

  • 'bottom' - Di bawah diagram.
  • 'left' - Di sebelah kiri diagram, asalkan sumbu kiri tidak memiliki deret yang terkait dengannya. Jadi, jika Anda ingin legenda di sebelah kiri, gunakan opsi targetAxisIndex: 1.
  • 'in' - Di dalam diagram, di sudut kiri atas.
  • 'none' - Tidak ada legenda yang ditampilkan.
  • 'right' - Di sebelah kanan diagram. Tidak kompatibel dengan opsi vAxes.
  • 'top'- Di atas diagram.
Jenis: string
Default: 'right'
legendTextStyle

Objek yang menentukan gaya teks legenda. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Lebar garis data dalam piksel. Gunakan nol untuk menyembunyikan semua garis dan hanya menampilkan titik. Anda dapat mengganti nilai untuk setiap seri menggunakan properti series.

Jenis: number
Default: 2
pointShape

Bentuk setiap elemen data: 'circle', 'triangle', 'square', 'diamond', 'star', atau 'polygon'. Lihat dokumentasi poin untuk mengetahui contohnya.

Jenis: string
Default: 'circle'
pointSize

Diameter titik yang ditampilkan dalam piksel. Gunakan nol untuk menyembunyikan semua titik. Anda dapat mengganti nilai untuk setiap deret menggunakan properti series. Jika Anda menggunakan garis tren, opsi pointSize akan memengaruhi lebar garis tren, kecuali jika Anda menggantinya dengan opsi trendlines.n.pointsize.

Jenis: number
Default: 0
series

Array objek, masing-masing menjelaskan format deret yang sesuai dalam diagram. Agar dapat menggunakan nilai default untuk rangkaian, tentukan objek kosong {}. Jika deret atau nilai tidak ditentukan, nilai global akan digunakan. Setiap objek mendukung properti berikut:

  • color - Warna yang akan digunakan untuk seri ini. Tentukan string warna HTML yang valid.
  • labelInLegend - Deskripsi deret yang akan muncul di legenda diagram.
  • lineWidth - Mengganti nilai lineWidth global untuk seri ini.
  • pointShape - Mengganti nilai pointShape global untuk rangkaian ini.
  • pointSize - Mengganti nilai pointSize global untuk seri ini.
  • pointsVisible - Mengganti nilai pointsVisible global untuk rangkaian ini.
  • visibleInLegend - Nilai boolean, dengan true berarti deret harus memiliki entri legenda, dan false berarti tidak boleh. Default-nya adalah true.

Anda dapat menentukan array objek, yang masing-masing berlaku untuk seri dalam urutan yang diberikan,atau Anda dapat menentukan objek dengan setiap turunan memiliki kunci numerik yang menunjukkan seri yang berlaku. Misalnya, dua deklarasi berikut identik, dan mendeklarasikan deret pertama sebagai hitam dan tidak ada dalam legenda, serta deret keempat sebagai merah dan tidak ada dalam 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: {}
Sub judul (Subtitle)

Teks yang akan ditampilkan di bawah judul diagram.

Jenis: string
Default: no title
subtitleTextStyle

Objek yang menentukan gaya teks judul.

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Tema adalah sekumpulan nilai opsi yang telah ditentukan yang bekerja sama untuk mencapai perilaku diagram atau efek visual tertentu. Saat ini hanya tersedia satu tema:

  • 'maximized' - Memaksimalkan area diagram, dan menggambar legenda serta semua label di dalam area diagram.
Jenis: string
Default: null
judul

Teks yang akan ditampilkan di atas diagram.

Jenis: string
Default: tanpa judul
titleTextStyle

Objek yang menentukan gaya teks judul. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Jika ditetapkan ke true, diagram akan memperlakukan kolom sebagai kolom teks.

Jenis: boolean
garis tren

Menampilkan garis tren pada diagram yang mendukungnya. Secara default, garis tren linear digunakan, tetapi dapat disesuaikan dengan opsi trendlines.n.type.

Garis tren ditentukan per seri, sehingga biasanya opsi Anda akan terlihat seperti ini:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
Jenis: object
Default: null
trendlines.n.color

Warna garis tren , yang dinyatakan sebagai nama warna dalam bahasa Inggris atau string heksadesimal.

Jenis: string
Default: warna deret default
trendlines.n.degree

Untuk garis tren type: 'polynomial', derajat polinomial (2 untuk kuadrat, 3 untuk kubik, dan seterusnya).

Jenis: number
Default: 3
trendlines.n.labelInLegend

Jika ditetapkan, garis tren akan muncul dalam legenda sebagai string ini.

Jenis: string
Default: null
trendlines.n.lineWidth

Lebar garis garis tren , dalam piksel.

Jenis: number
Default: 2
trendlines.n.type

Apakah garis tren adalah 'linear' (default), 'exponential', atau 'polynomial'.

Jenis: string
Default: linear
trendlines.n.visibleInLegend

Apakah persamaan garis tren muncul di legenda. Nilai ini akan muncul di tooltip garis tren.

Jenis: boolean
Default: false
useFirstColumnAsDomain

Jika disetel ke true, diagram akan memperlakukan kolom sebagai domain.

Jenis: boolean
vAxes

Menentukan properti untuk setiap sumbu vertikal, jika diagram memiliki beberapa sumbu vertikal. Setiap objek turunan adalah objek vAxis, dan dapat berisi semua properti yang didukung oleh vAxis. Nilai properti ini menggantikan setelan global untuk properti yang sama.

Untuk menentukan diagram dengan beberapa sumbu vertikal, pertama-tama tentukan sumbu baru menggunakan series.targetAxisIndex, lalu konfigurasikan sumbu menggunakan vAxes. Contoh berikut menetapkan deret 2 ke sumbu kanan dan menentukan judul dan gaya teks kustom untuknya:

{
  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 ditentukannya--ini adalah format yang ditampilkan di atas; array adalah array objek, satu per sumbu. Misalnya, notasi gaya array berikut identik dengan objek vAxis yang ditampilkan di atas:

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: object
Default: null
vAxis.direction

Arah pertumbuhan nilai di sepanjang sumbu vertikal. Secara default, nilai rendah berada di bagian bawah diagram. Tentukan -1 untuk membalikkan urutan nilai.

Jenis: 1 atau -1
Default: 1
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}

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
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 gridlines.count, angka tersebut akan digunakan untuk menghitung minSpacing di antara garis petak. Anda dapat menentukan nilai 1 untuk menggambar satu garis petak saja, atau 0 untuk menggambar garis petak tanpa garis. Tentukan -1, yang merupakan setelan default, untuk menghitung jumlah garis petak secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
vAxis.logScale

Jika true, membuat sumbu vertikal menjadi skala logaritmik. Catatan: Semua nilai harus positif.

Jenis: boolean
Default: false
vAxis.maxValue

Memindahkan nilai maksimum sumbu vertikal ke nilai yang ditentukan; nilai ini akan naik di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih kecil dari nilai y maksimum data. vAxis.viewWindow.max mengganti properti ini.

Jenis: number
Default: otomatis
vAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis petak minor pada sumbu vertikal, mirip dengan opsi vAxis.gridlines.

Jenis: object
Default: null
vAxis.minorGridlines.color

Warna garis petak minor vertikal di dalam area diagram. Tentukan string warna HTML yang valid.

Jenis: string
Default: Gabungan warna garis petak dan latar belakang
vAxis.minorGridlines.count

Opsi minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis petak minor dengan menetapkan jumlahnya ke 0. Jumlah garis petak minor bergantung pada interval antara garis petak utama dan ruang minimum yang diperlukan.

Jenis: number
Default: 1
vAxis.minValue

Memindahkan nilai minimum sumbu vertikal ke nilai yang ditentukan; nilai ini akan menurun di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai y minimum data. vAxis.viewWindow.min mengganti properti ini.

Jenis: number
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 menentukan gaya teks sumbu vertikal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Menentukan judul untuk sumbu vertikal.

Jenis: string
Default: no title
vAxis.titleTextStyle

Objek yang menentukan gaya teks judul sumbu vertikal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Menentukan rentang pemangkasan sumbu vertikal.

Jenis: object
Default: null
vAxis.viewWindow.max

Nilai data vertikal maksimum yang akan dirender.

Diabaikan jika vAxis.viewWindowMode 'cantik' atau 'dimaksimalkan'.

Jenis: number
Default: otomatis
vAxis.viewWindow.min

Nilai data vertikal minimum yang akan dirender.

Diabaikan jika vAxis.viewWindowMode bersifat 'cantik' atau 'dimaksimalkan'.

Jenis: number
Default: otomatis

Opsi konfigurasi diagram area berundak

Nama
areaOpacity

Opasitas default area berwarna pada deret diagram area, dengan 0.0 sepenuhnya transparan dan 1.0 sepenuhnya buram. Guna menentukan opasitas untuk masing-masing deret, setel nilai areaOpacity dalam properti series.

Jenis: number, 0.0- 1.0
Default: 0.3
backgroundColor

Warna latar belakang untuk area utama diagram. Dapat berupa string warna HTML sederhana, misalnya: 'red' atau '#00cc00', atau objek dengan properti berikut.

Jenis: string atau object
Default: 'white'
backgroundColor.fill

Warna pengisi diagram, sebagai string warna HTML.

Jenis: string
Default: 'white'
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: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Jenis: object
Default: null
chartArea.backgroundColor
Warna latar belakang area diagram. Jika digunakan, string dapat berupa string heksadesimal (misalnya, '#fdc') atau nama warna bahasa Inggris. Saat objek digunakan, properti berikut dapat diberikan:
  • stroke: Warna, diberikan sebagai string heksadesimal atau nama warna bahasa Inggris.
  • strokeWidth: Jika disediakan, menggambar batas di sekitar area diagram dengan lebar yang ditentukan (dan dengan warna stroke).
Jenis: string atau object
Default: 'white'
chartArea.height

Tinggi area diagram.

Jenis: number atau string
Default: otomatis
chartArea.left

Jarak untuk menggambar diagram dari batas kiri.

Jenis: number atau string
Default: otomatis
chartArea.top

Seberapa jauh menggambar diagram dari batas atas.

Jenis: number atau string
Default: otomatis
chartArea.width

Lebar area diagram.

Jenis: number atau string
Default: otomatis
warna

Warna yang akan digunakan untuk elemen diagram. Array string, dengan setiap elemen adalah string warna HTML, misalnya: colors:['red','#004411'].

Jenis: Array string
Default: warna default
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: object
Default: null
hAxis.direction

Arah peningkatan nilai di sepanjang sumbu horizontal. Tentukan -1 untuk membalik urutan nilai.

Jenis: 1 atau -1
Default: 1
hAxis.textPosition

Posisi teks sumbu horizontal, relatif terhadap area diagram. Nilai yang didukung: 'out', 'in', 'none'.

Jenis: string
Default: 'out'
hAxis.textStyle

Objek yang menentukan gaya teks sumbu horizontal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Properti hAxis yang menentukan judul sumbu horizontal.

Jenis: string
Default: null
hAxis.titleTextStyle

Objek yang menentukan gaya teks judul sumbu horizontal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Menentukan rentang pemangkasan sumbu horizontal.

Jenis: object
Default: null
hAxis.viewWindow.max

Nilai data horizontal maksimum yang akan dirender.

Diabaikan jika hAxis.viewWindowMode adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
hAxis.viewWindow.min

Nilai data horizontal minimum yang akan dirender.

Diabaikan jika hAxis.viewWindowMode adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
tinggi

Tinggi diagram dalam piksel.

Jenis: number
Default: tinggi elemen penampung
isStacked

Jika ditetapkan ke true, elemen untuk semua deret akan ditumpuk di setiap nilai domain. Catatan: Dalam diagram Column, Area, dan SteppedArea, Google Charts membalikkan urutan item legenda agar lebih sesuai dengan penumpukan elemen deret (Misalnya, deret 0 akan menjadi item legenda paling bawah). Hal ini tidak berlaku untuk Diagram Batang.

Opsi isStacked juga mendukung penumpukan 100%, dengan tumpukan elemen di setiap nilai domain diskalakan ulang agar jumlahnya mencapai 100%.

Opsi untuk isStacked adalah:

  • false — elemen tidak akan ditumpuk. Ini adalah opsi default.
  • true — menumpuk elemen untuk semua deret di setiap nilai domain.
  • 'percent' — menumpuk elemen untuk semua deret pada setiap nilai domain dan menskalakannya ulang sehingga jumlahnya mencapai 100%, dengan setiap nilai elemen dihitung sebagai persentase 100%.
  • 'relative' — menumpuk elemen untuk semua deret di setiap nilai domain dan menskalakannya ulang sehingga jumlahnya menjadi 1, dengan setiap nilai elemen dihitung sebagai fraksi dari 1.
  • 'absolute' — berfungsi sama seperti isStacked: true.

Untuk penumpukan 100%, nilai yang dihitung untuk setiap elemen akan muncul di tooltip setelah nilai sebenarnya.

Sumbu target akan ditetapkan secara default ke nilai tanda centang berdasarkan skala 0-1 relatif sebagai pecahan 1 untuk 'relative', dan 0-100% untuk 'percent' (Catatan: saat menggunakan opsi 'percent', nilai sumbu/titik centang ditampilkan sebagai persentase, tetapi nilai sebenarnya adalah nilai skala 0-1 relatif. Hal ini karena tick sumbu persentase adalah hasil penerapan format "#.##%" ke nilai skala relatif 0-1. Saat menggunakan isStacked: 'percent', pastikan untuk menentukan tanda/garis petak menggunakan nilai skala 0-1 relatif). Anda dapat menyesuaikan garis petak/nilai tanda centang dan format menggunakan opsi hAxis/vAxis yang sesuai.

Stacking 100% hanya mendukung nilai data jenis number, dan harus memiliki dasar pengukuran nol.

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: object
Default: null
legend.position

Posisi legenda. Dapat berupa salah satu dari hal berikut:

  • 'bottom' - Di bawah diagram.
  • 'left' - Di sebelah kiri diagram, asalkan sumbu kiri tidak memiliki deret yang terkait dengannya. Jadi, jika Anda ingin legenda di sebelah kiri, gunakan opsi targetAxisIndex: 1.
  • 'in' - Di dalam diagram, di sudut kiri atas.
  • 'none' - Tidak ada legenda yang ditampilkan.
  • 'right' - Di sebelah kanan diagram. Tidak kompatibel dengan opsi vAxes.
  • 'top' - Di atas diagram.
Jenis: string
Default: 'right'
legendTextStyle

Objek yang menentukan gaya teks legenda. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
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 discrete major.

Jenis: boolean
Default: false
series

Array objek, yang masing-masing menjelaskan format deret yang sesuai dalam diagram. Untuk menggunakan nilai default untuk seri, tentukan objek kosong {}. Jika deret atau nilai tidak ditentukan, nilai global akan digunakan. Setiap objek mendukung properti berikut:

  • areaOpacity - Mengganti areaOpacity global untuk seri ini.
  • color - Warna yang akan digunakan untuk deret ini. Tentukan string warna HTML yang valid.
  • type - Jenis penanda untuk rangkaian ini. Nilai yang valid adalah 'line', 'area', 'bars', dan 'steppedArea'. Perhatikan bahwa batang sebenarnya merupakan batang vertikal (kolom). Nilai default ditentukan oleh opsi seriesType diagram.
  • labelInLegend - Deskripsi deret yang akan muncul di legenda diagram.
  • lineDashStyle - Mengganti nilai lineDashStyle global untuk rangkaian ini.
  • targetAxisIndex - Sumbu yang akan ditetapkan untuk deret ini, dengan 0 adalah sumbu default, dan 1 adalah sumbu yang berlawanan. Nilai defaultnya adalah 0; ditetapkan ke 1 untuk menentukan diagram dengan deret yang berbeda-beda dirender terhadap sumbu yang berbeda. Setidaknya satu deret harus dialokasikan ke sumbu default. Anda dapat menentukan skala yang berbeda untuk sumbu yang berbeda.
  • visibleInLegend - Nilai boolean, dengan true berarti deret harus memiliki entri legenda, dan false berarti tidak boleh. Default-nya adalah true.

Anda dapat menentukan array objek, yang masing-masing berlaku untuk deret dalam urutan yang diberikan, atau Anda dapat menentukan objek dengan setiap turunan memiliki kunci numerik yang menunjukkan deret mana yang berlaku.Misalnya, dua deklarasi berikut identik, dan mendeklarasikan deret pertama sebagai hitam dan tidak ada dalam legenda, dan deret keempat sebagai merah dan tidak ada dalam 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: {}
Sub judul (Subtitle)

Teks yang akan ditampilkan di bawah judul diagram.

Jenis: string
Default: no title
subtitleTextStyle

Objek yang menentukan gaya teks judul.

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Tema adalah sekumpulan nilai opsi yang telah ditentukan yang bekerja sama untuk mencapai perilaku diagram atau efek visual tertentu. Saat ini hanya tersedia satu tema:

  • 'maximized' - Memaksimalkan area diagram, dan menggambar legenda serta semua label di dalam area diagram.
Jenis: string
Default: null
judul

Teks yang akan ditampilkan di atas diagram.

Jenis: string
Default: tanpa judul
titleTextStyle

Objek yang menentukan gaya teks judul. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Jika ditetapkan ke true, diagram akan memperlakukan kolom sebagai kolom teks.

Jenis: boolean
useFirstColumnAsDomain

Jika disetel ke true, diagram akan memperlakukan kolom sebagai domain.

Jenis: boolean
vAxes

Menentukan properti untuk setiap sumbu vertikal, jika diagram memiliki beberapa sumbu vertikal. Setiap objek turunan adalah objek vAxis, dan dapat berisi semua properti yang didukung oleh vAxis. Nilai properti ini menggantikan setelan global untuk properti yang sama.

Untuk menentukan diagram dengan beberapa sumbu vertikal, pertama-tama tentukan sumbu baru menggunakan series.targetAxisIndex, lalu konfigurasikan sumbu menggunakan vAxes. Contoh berikut menetapkan deret 2 ke sumbu kanan dan menentukan judul dan gaya teks kustom untuknya:

{
  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 ditentukannya--ini adalah format yang ditampilkan di atas; array adalah array objek, satu per sumbu. Misalnya, notasi gaya array berikut identik dengan objek vAxis yang ditampilkan di atas:

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: object
Default: null
vAxis.direction

Arah pertumbuhan nilai di sepanjang sumbu vertikal. Secara default, nilai rendah berada di bagian bawah diagram. Tentukan -1 untuk membalikkan urutan nilai.

Jenis: 1 atau -1
Default: 1
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}

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
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 gridlines.count, angka tersebut akan digunakan untuk menghitung minSpacing di antara garis petak. Anda dapat menentukan nilai 1 untuk menggambar satu garis petak saja, atau 0 untuk menggambar garis petak tanpa garis. Tentukan -1, yang merupakan setelan default, untuk menghitung jumlah garis petak secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
vAxis.logScale

Jika true, membuat sumbu vertikal menjadi skala logaritmik. Catatan: Semua nilai harus positif.

Jenis: boolean
Default: false
vAxis.maxValue

Memindahkan nilai maksimum sumbu vertikal ke nilai yang ditentukan; nilai ini akan naik di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih kecil dari nilai y maksimum data. vAxis.viewWindow.max mengganti properti ini.

Jenis: number
Default: otomatis
vAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis petak minor pada sumbu vertikal, mirip dengan opsi vAxis.gridlines.

Jenis: object
Default: null
vAxis.minorGridlines.color

Warna garis petak minor vertikal di dalam area diagram. Tentukan string warna HTML yang valid.

Jenis: string
Default: Gabungan warna garis petak dan latar belakang
vAxis.minorGridlines.count

Opsi minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis petak minor dengan menetapkan jumlahnya ke 0. Jumlah garis petak minor bergantung pada interval antara garis petak utama dan ruang minimum yang diperlukan.

Jenis: number
Default: 1
vAxis.minValue

Memindahkan nilai minimum sumbu vertikal ke nilai yang ditentukan; nilai ini akan menurun di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai y minimum data. vAxis.viewWindow.min mengganti properti ini.

Jenis: number
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 menentukan gaya teks sumbu vertikal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Menentukan judul untuk sumbu vertikal.

Jenis: string
Default: no title
vAxis.titleTextStyle

Objek yang menentukan gaya teks judul sumbu vertikal. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Menentukan rentang pemangkasan sumbu vertikal.

Jenis: object
Default: null
vAxis.viewWindow.max

Nilai data vertikal maksimum yang akan dirender.

Diabaikan jika vAxis.viewWindowMode 'cantik' atau 'dimaksimalkan'.

Jenis: number
Default: otomatis
vAxis.viewWindow.min

Nilai data vertikal minimum yang akan dirender.

Diabaikan jika vAxis.viewWindowMode bersifat 'cantik' atau 'dimaksimalkan'.

Jenis: number
Default: otomatis
lebar

Lebar diagram dalam piksel.

Jenis: number
Default: lebar elemen penampung

Opsi konfigurasi diagram tabel

Nama
alternatingRowStyle

Menentukan apakah gaya warna alternatif akan ditetapkan ke baris ganjil dan genap.

Jenis: boolean
Default: true
tinggi

Tinggi diagram dalam piksel.

Jenis: number
Default: tinggi elemen penampung
halaman

Jika dan cara mengaktifkan paging melalui data. Pilih salah satu nilai string berikut:

  • 'enable' - Tabel akan menyertakan tombol maju halaman dan mundur halaman. Mengklik tombol ini akan melakukan operasi paging dan mengubah halaman yang ditampilkan. Sebaiknya Anda juga menetapkan opsi pageSize.
  • 'event' - Tabel akan menyertakan tombol maju halaman dan mundur halaman, tetapi mengkliknya akan memicu peristiwa 'page' dan tidak akan mengubah halaman yang ditampilkan. Opsi ini harus digunakan saat kode menerapkan logika pergantian halamannya sendiri. Lihat contoh TableQueryWrapper untuk mengetahui contoh cara menangani peristiwa paging secara manual.
  • 'disable' - [Default] Paging tidak didukung.
  • Jenis: string
    Default: 'disable'
pageSize

Jumlah baris di setiap halaman, saat paging diaktifkan dengan opsi halaman.

Jenis: number
Default: 10
showRowNumber

Jika ditetapkan ke true, akan menampilkan nomor baris sebagai kolom pertama tabel.

Jenis: boolean
Default: false
mengurutkan

Jika dan bagaimana mengurutkan kolom saat pengguna mengklik judul kolom. Jika pengurutan diaktifkan, sebaiknya tetapkan juga properti sortAscending dan sortColumn. Pilih salah satu nilai string berikut:

  • 'enable' - [Default] Pengguna dapat mengklik header kolom untuk mengurutkan berdasarkan kolom yang diklik. Saat pengguna mengklik header kolom, baris akan otomatis diurutkan, dan peristiwa 'sort' dipicu.
  • 'event' - Saat pengguna mengklik header kolom, peristiwa 'sort' akan dipicu, tetapi baris tidak diurutkan secara otomatis. Opsi ini harus digunakan saat halaman menerapkan pengurutannya sendiri. Lihat contoh TableQueryWrapper untuk mengetahui contoh cara menangani peristiwa pengurutan secara manual.
  • 'disable'- Mengklik header kolom tidak akan berpengaruh.
Jenis: string
Default: 'enable'
sortAscending

Urutan pengurutan kolom pengurutan awal. True untuk menaik, false untuk menurun. Diabaikan jika sortColumn tidak ditentukan.

Jenis: boolean
Default: true
sortColumn

Indeks kolom dalam tabel data, yang digunakan untuk mengurutkan tabel pada awalnya. Kolom tersebut ditandai dengan panah kecil yang menunjukkan urutan pengurutan.

Jenis: number
Default: -1
lebar

Lebar diagram dalam piksel.

Jenis: number
Default: lebar elemen yang memuatnya

Opsi konfigurasi linimasa

Nama
backgroundColor

Warna latar belakang untuk area utama diagram. Dapat berupa string warna HTML sederhana, misalnya: 'red' atau '#00cc00', atau objek dengan properti berikut.

Jenis: string atau object
Default: 'white'
warna

Warna yang akan digunakan untuk elemen diagram. Array string, dengan setiap elemen adalah string warna HTML, misalnya: colors:['red','#004411'].

Jenis: Array string
Default: warna default
tinggi

Tinggi diagram dalam piksel.

Jenis: number
Default: tinggi elemen penampung
lebar

Lebar diagram dalam piksel.

Jenis: number
Default: lebar elemen penampung

Opsi konfigurasi peta struktur

Nama
headerColor

Warna bagian header untuk setiap node. Tentukan nilai warna HTML.

Jenis: string
Default: #988f86
maxColor

Warna untuk persegi panjang dengan nilai kolom 3 maxColorValue. Tentukan nilai warna HTML.

Jenis: string
Default: #00dd00
maxDepth

Jumlah maksimum tingkat node yang akan ditampilkan dalam tampilan saat ini. Level diratakan ke bidang saat ini. Jika hierarki memiliki lebih banyak level dari ini, Anda harus naik atau turun untuk melihatnya. Anda juga dapat melihat level maxPostDepth di bawah ini sebagai persegi panjang yang diarsir dalam node ini.

Jenis: number
Default: 1
maxPostDepth

Jumlah tingkat node di luar maxDepth yang akan ditampilkan dengan cara "diisyaratkan". Node yang diberi petunjuk ditampilkan sebagai persegi panjang yang berarsir di dalam node yang berada dalam batas maxDepth.

Jenis: number
Default: 0
midColor

Warna untuk persegi panjang dengan nilai kolom 3 di tengah antara maxColorValue dan minColorValue. Tentukan nilai warna HTML.

Jenis: string
Default: #000000
minColor

Warna untuk persegi panjang dengan nilai kolom 3 minColorValue. Tentukan nilai warna HTML.

Jenis: string
Default: #dd0000
noColor

Warna yang akan digunakan untuk persegi panjang saat node tidak memiliki nilai untuk kolom 3, dan node tersebut adalah daun (atau hanya berisi daun). Tentukan nilai warna HTML.

Jenis: string
Default: #000000
subtitel

Teks yang akan ditampilkan di bawah judul diagram.

Jenis: string
Default: no title
subtitleTextStyle

Objek yang menentukan gaya teks judul.

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

Objek yang menentukan gaya teks judul. Warna dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
judul

Teks yang akan ditampilkan di atas diagram.

Jenis: string
Default: tanpa judul
titleTextStyle

Objek yang menentukan gaya teks judul. Objek memiliki format ini:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color dapat berupa string warna HTML apa pun, misalnya: 'red' atau '#00cc00'. Lihat juga fontName dan fontSize.

Jenis: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}