Opsi konfigurasi diagram

Jenis Diagram

Opsi konfigurasi diagram anotasi

Nama
warna

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

Jenis: Array string
Default: warna default
displayRangeSelector

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

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

Jenis: boolean
Default: true
displayZoomButtons

Apakah akan menampilkan tombol zoom ("1h 5h 1d" dan sebagainya), dengan false berarti tidak.

Jenis: boolean
Default: true
maks

Nilai maksimum yang akan 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. Nilai ini lebih diutamakan daripada nilai maksimum sumbu Y yang ditentukan oleh scaleType.

Hal ini mirip dengan maxValue dalam diagram inti.

Jenis: number
Default: otomatis
mnt

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

Hal ini mirip dengan minValue dalam diagram inti.

Jenis: number
Default: otomatis

Opsi konfigurasi diagram area

Nama
areaOpacity

Opasitas default area berwarna di bawah deret diagram area, dengan 0.0 sepenuhnya transparan dan 1.0 sepenuhnya buram. Untuk menentukan keburaman setiap deret, tetapkan 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 string digunakan, string tersebut dapat berupa string hex (misalnya, '#fdc') atau nama warna dalam bahasa Inggris. Saat objek digunakan, properti berikut dapat diberikan:
  • stroke: Warna, diberikan sebagai string hex atau nama warna dalam bahasa Inggris.
  • strokeWidth: Jika disediakan, menggambar batas di sekitar area diagram dengan lebar tertentu (dan dengan warna stroke).
Jenis: string atau object
Default: 'white'
chartArea.height

Tinggi area diagram.

Jenis: number atau string
Default: otomatis
chartArea.left

Seberapa jauh diagram digambar dari batas kiri.

Jenis: number atau string
Default: otomatis
chartArea.top

Seberapa jauh diagram digambar 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 pertumbuhan nilai di sepanjang sumbu horizontal. Tentukan -1 untuk membalikkan urutan nilai.

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

Objek dengan properti untuk mengonfigurasi garis kisi 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 nilai default, untuk menghitung jumlah garis kisi secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
hAxis.logScale

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

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: boolean
Default: false
hAxis.maxValue

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

Jenis: number
Default: otomatis
hAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis bantu kecil pada sumbu horizontal, mirip dengan opsi hAxis.gridlines.

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
Default: null
hAxis.minorGridlines.color

Warna garis bantu horizontal kecil di dalam area diagram. Tentukan string warna HTML yang valid.

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

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

Jenis: number
Default: 1
hAxis.minValue

Memindahkan nilai minimum sumbu horizontal ke nilai yang ditentukan; ini akan berada di sebelah kiri dalam sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai x minimum data. hAxis.viewWindow.min menggantikan 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 berikut:

{ 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 berikut:

{ 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 tidak ada. Jika true, nilai data yang hilang akan diperkirakan berdasarkan titik di sekitarnya. Jika false, garis akan terputus pada titik yang tidak diketahui.

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

Jenis: boolean
Default: false
isStacked

Jika disetel ke true, akan menumpuk elemen untuk semua deret pada setiap nilai domain. Catatan: Dalam 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%, di mana tumpukan elemen di setiap nilai domain diskalakan ulang hingga berjumlah 100%.

Opsi untuk isStacked adalah:

  • false — elemen tidak akan bertumpuk. Ini adalah opsi default.
  • true — menumpuk elemen untuk semua deret pada setiap nilai domain.
  • 'percent' — menumpuk elemen untuk semua deret di setiap nilai domain dan menskalakan ulang sehingga totalnya menjadi 100%, dengan nilai setiap elemen dihitung sebagai persentase dari 100%.
  • 'relative' — menumpuk elemen untuk semua deret pada setiap nilai domain dan menskalakan ulang sehingga dijumlahkan menjadi 1, dengan nilai setiap elemen dihitung sebagai pecahan 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 secara default menggunakan nilai tanda berdasarkan skala 0-1 relatif sebagai pecahan dari 1 untuk 'relative', dan 0-100% untuk 'percent' (Catatan: saat menggunakan opsi 'percent', nilai sumbu/tanda ditampilkan sebagai persentase, tetapi nilai sebenarnya adalah nilai skala 0-1 relatif. Hal ini karena tanda centang sumbu persentase adalah hasil penerapan format "#.##%" ke nilai skala 0-1 relatif. Saat menggunakan isStacked: 'percent', pastikan untuk menentukan tanda/garis kisi menggunakan nilai skala 0-1 relatif). Anda dapat menyesuaikan garis petak/nilai tanda centang dan pemformatan menggunakan opsi hAxis/vAxis yang sesuai.

Penumpukan 100% hanya mendukung nilai data berjenis number, dan harus memiliki garis dasar 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 'left' yang terkait dengannya.series Jadi, jika Anda ingin legenda di sebelah kiri, gunakan opsi targetAxisIndex: 1.
  • 'in' - Di dalam diagram, di pojok 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 berikut:

{ 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.

Jenis: number
Default: 0
reverseCategories

Jika disetel ke true, 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:

  • 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 lengkap hal yang dapat disesuaikan.

  • areaOpacity - Menggantikan areaOpacity global untuk seri ini.
  • color - Warna yang akan digunakan untuk deret ini. Tentukan string warna HTML yang valid.
  • labelInLegend - Deskripsi deret yang akan muncul dalam legenda diagram.
  • lineDashStyle - Menggantikan nilai lineDashStyle global untuk seri ini.
  • lineWidth - Menggantikan nilai lineWidth global untuk seri ini.
  • pointShape - Menggantikan nilai pointShape global untuk seri ini.
  • pointSize - Menggantikan nilai pointSize global untuk seri ini.
  • pointsVisible - Menggantikan nilai pointsVisible global untuk seri ini.
  • targetAxisIndex - Sumbu yang akan ditetapkan ke deret ini, dengan 0 adalah sumbu default, dan 1 adalah sumbu yang berlawanan. Nilai defaultnya adalah 0; tetapkan ke 1 untuk menentukan diagram tempat berbagai deret 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 memiliki entri legenda. 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, 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: {}
subtitel

Teks yang akan ditampilkan di bawah judul diagram.

Jenis: string
Default: tanpa judul
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 sebelumnya yang bekerja sama untuk mencapai perilaku atau efek visual diagram 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 berikut:

{ 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 disetel 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 konfigurasi sumbu menggunakan vAxes. Contoh berikut menetapkan deret 2 ke sumbu kanan dan menentukan judul kustom serta gaya teks untuknya:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Properti ini dapat berupa objek atau array: objek adalah kumpulan objek, yang masing-masing memiliki 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 kisi pada sumbu vertikal. Perhatikan bahwa garis bantu 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 hanya menggambar satu garis petak, atau 0 untuk tidak menggambar garis petak. Tentukan -1, yang merupakan nilai default, untuk menghitung jumlah garis kisi 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 maks sumbu vertikal ke nilai yang ditentukan; ini akan ke atas di sebagian besar diagram. Diabaikan jika disetel ke nilai yang lebih kecil dari nilai y maksimum data. vAxis.viewWindow.max menggantikan properti ini.

Jenis: number
Default: otomatis
vAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis kisi sekunder pada sumbu vertikal, mirip dengan opsi vAxis.gridlines.

Jenis: object
Default: null
vAxis.minorGridlines.color

Warna garis bantu vertikal kecil di dalam area diagram. Tentukan string warna HTML yang valid.

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

Opsi minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis kisi kecil dengan menyetel jumlah ke 0. Jumlah garis bantu kecil bergantung pada interval antara garis bantu besar dan ruang minimum yang diperlukan.

Jenis: number
Default: 1
vAxis.minValue

Memindahkan nilai minimum sumbu vertikal ke nilai yang ditentukan; ini akan ke bawah di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai y minimum data. vAxis.viewWindow.min menggantikan 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 berikut:

{ 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: tanpa judul
vAxis.titleTextStyle

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

{ 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 adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
vAxis.viewWindow.min

Nilai data vertikal minimum yang akan dirender.

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

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 string digunakan, string tersebut dapat berupa string hex (misalnya, '#fdc') atau nama warna dalam bahasa Inggris. Saat objek digunakan, properti berikut dapat diberikan:
  • stroke: Warna, diberikan sebagai string hex atau nama warna dalam bahasa Inggris.
  • strokeWidth: Jika disediakan, menggambar batas di sekitar area diagram dengan lebar tertentu (dan dengan warna stroke).
Jenis: string atau object
Default: 'white'
chartArea.height

Tinggi area diagram.

Jenis: number atau string
Default: otomatis
chartArea.left

Seberapa jauh diagram digambar dari batas kiri.

Jenis: number atau string
Default: otomatis
chartArea.top

Seberapa jauh diagram digambar 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 konfigurasi sumbu menggunakan hAxes. Contoh berikut menetapkan deret 1 ke sumbu bawah dan menentukan judul kustom serta gaya teks untuknya:

series:{1:{targetAxisIndex:1}}, hAxes:{1:{title:'Losses', textStyle:{color: 'red'}}}

Properti ini dapat berupa objek atau array: objek adalah kumpulan objek, yang masing-masing memiliki 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 pertumbuhan nilai di sepanjang sumbu horizontal. Tentukan -1 untuk membalikkan urutan nilai.

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

Objek dengan properti untuk mengonfigurasi garis kisi 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 nilai default, untuk menghitung jumlah garis kisi secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
hAxis.logScale

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

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: boolean
Default: false
hAxis.maxValue

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

Jenis: number
Default: otomatis
hAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis bantu kecil pada sumbu horizontal, mirip dengan opsi hAxis.gridlines.

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
Default: null
hAxis.minorGridlines.color

Warna garis bantu horizontal kecil di dalam area diagram. Tentukan string warna HTML yang valid.

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

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

Jenis: number
Default: 1
hAxis.minValue

Memindahkan nilai minimum sumbu horizontal ke nilai yang ditentukan; ini akan berada di sebelah kiri dalam sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai x minimum data. hAxis.viewWindow.min menggantikan 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 berikut:

{ 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 berikut:

{ 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 disetel ke true, akan menumpuk elemen untuk semua deret pada setiap nilai domain. Catatan: Dalam 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%, di mana tumpukan elemen di setiap nilai domain diskalakan ulang hingga berjumlah 100%.

Opsi untuk isStacked adalah:

  • false — elemen tidak akan bertumpuk. Ini adalah opsi default.
  • true — menumpuk elemen untuk semua deret pada setiap nilai domain.
  • 'percent' — menumpuk elemen untuk semua deret di setiap nilai domain dan menskalakan ulang sehingga totalnya menjadi 100%, dengan nilai setiap elemen dihitung sebagai persentase dari 100%.
  • 'relative' — menumpuk elemen untuk semua deret pada setiap nilai domain dan menskalakan ulang sehingga dijumlahkan menjadi 1, dengan nilai setiap elemen dihitung sebagai pecahan 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 secara default menggunakan nilai tanda berdasarkan skala 0-1 relatif sebagai pecahan dari 1 untuk 'relative', dan 0-100% untuk 'percent' (Catatan: saat menggunakan opsi 'percent', nilai sumbu/tanda ditampilkan sebagai persentase, tetapi nilai sebenarnya adalah nilai skala 0-1 relatif. Hal ini karena tanda centang sumbu persentase adalah hasil penerapan format "#.##%" ke nilai skala 0-1 relatif. Saat menggunakan isStacked: 'percent', pastikan untuk menentukan tanda/garis kisi menggunakan nilai skala 0-1 relatif). Anda dapat menyesuaikan garis petak/nilai tanda centang dan pemformatan menggunakan opsi hAxis/vAxis yang sesuai.

Penumpukan 100% hanya mendukung nilai data berjenis number, dan harus memiliki garis dasar 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, jika 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 pojok 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 berikut:

{ 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, 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:

  • 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 lengkap hal yang dapat disesuaikan.

  • color - Warna yang akan digunakan untuk deret ini. Tentukan string warna HTML yang valid.
  • labelInLegend - Deskripsi deret yang akan muncul dalam legenda diagram.
  • targetAxisIndex - Sumbu yang akan ditetapkan ke deret ini, dengan 0 adalah sumbu default, dan 1 adalah sumbu yang berlawanan. Nilai defaultnya adalah 0; tetapkan ke 1 untuk menentukan diagram tempat berbagai deret 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 memiliki entri legenda. 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, 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: {}
subtitel

Teks yang akan ditampilkan di bawah judul diagram.

Jenis: string
Default: tanpa judul
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 sebelumnya yang bekerja sama untuk mencapai perilaku atau efek visual diagram 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 berikut:

{ 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 hal ini dapat disesuaikan dengan opsi trendlines.n.type.

Garis tren ditentukan berdasarkan per deret, jadi sebagian besar 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 , 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 sebagainya).

Jenis: number
Default: 3
trendlines.n.labelInLegend

Jika disetel, garis tren akan muncul di legenda sebagai string ini.

Jenis: string
Default: null
trendlines.n.lineWidth

Lebar garis trendline, 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 dalam 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 kisi pada sumbu vertikal. Perhatikan bahwa garis bantu 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 hanya menggambar satu garis petak, atau 0 untuk tidak menggambar garis petak. Tentukan -1, yang merupakan nilai default, untuk menghitung jumlah garis kisi 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 maks sumbu vertikal ke nilai yang ditentukan; ini akan ke atas di sebagian besar diagram. Diabaikan jika disetel ke nilai yang lebih kecil dari nilai y maksimum data. vAxis.viewWindow.max menggantikan properti ini.

Jenis: number
Default: otomatis
vAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis kisi sekunder pada sumbu vertikal, mirip dengan opsi vAxis.gridlines.

Jenis: object
Default: null
vAxis.minorGridlines.color

Warna garis bantu vertikal kecil di dalam area diagram. Tentukan string warna HTML yang valid.

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

Opsi minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis kisi kecil dengan menyetel jumlah ke 0. Jumlah garis bantu kecil bergantung pada interval antara garis bantu besar dan ruang minimum yang diperlukan.

Jenis: number
Default: 1
vAxis.minValue

Memindahkan nilai minimum sumbu vertikal ke nilai yang ditentukan; ini akan ke bawah di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai y minimum data. vAxis.viewWindow.min menggantikan 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 berikut:

{ 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: tanpa judul
vAxis.titleTextStyle

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

{ 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 adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
vAxis.viewWindow.min

Nilai data vertikal minimum yang akan dirender.

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

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 berikut:

{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 string digunakan, string tersebut dapat berupa string hex (misalnya, '#fdc') atau nama warna dalam bahasa Inggris. Saat objek digunakan, properti berikut dapat diberikan:
  • stroke: Warna, diberikan sebagai string hex atau nama warna dalam bahasa Inggris.
  • strokeWidth: Jika disediakan, menggambar batas di sekitar area diagram dengan lebar tertentu (dan dengan warna stroke).
Jenis: string atau object
Default: 'white'
chartArea.height

Tinggi area diagram.

Jenis: number atau string
Default: otomatis
chartArea.left

Seberapa jauh diagram digambar dari batas kiri.

Jenis: number atau string
Default: otomatis
chartArea.top

Seberapa jauh diagram digambar 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 pertumbuhan nilai di sepanjang sumbu horizontal. Tentukan -1 untuk membalikkan urutan nilai.

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

Objek dengan properti untuk mengonfigurasi garis kisi 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 nilai default, untuk menghitung jumlah garis kisi secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
hAxis.logScale

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

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: boolean
Default: false
hAxis.maxValue

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

Jenis: number
Default: otomatis
hAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis bantu kecil pada sumbu horizontal, mirip dengan opsi hAxis.gridlines.

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
Default: null
hAxis.minorGridlines.color

Warna garis bantu horizontal kecil di dalam area diagram. Tentukan string warna HTML yang valid.

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

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

Jenis: number
Default: 1
hAxis.minValue

Memindahkan nilai minimum sumbu horizontal ke nilai yang ditentukan; ini akan berada di sebelah kiri dalam sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai x minimum data. hAxis.viewWindow.min menggantikan 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 berikut:

{ 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 berikut:

{ 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, jika 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 pojok 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 berikut:

{ 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 dalam kolom Warna) dan setiap objek menjelaskan format deret yang sesuai dalam diagram. Jika seri atau nilai tidak ditentukan, nilai global akan digunakan. Setiap objek mendukung properti berikut:

  • color - Warna yang akan digunakan untuk deret ini. Tentukan string warna HTML yang valid.
  • visibleInLegend - Nilai boolean, dengan true berarti deret harus memiliki entri legenda, dan false berarti tidak boleh memiliki entri legenda. 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 yang mungkin, 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: tanpa judul
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 sebelumnya yang bekerja sama untuk mencapai perilaku atau efek visual diagram 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 berikut:

{ 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 disetel 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 konfigurasi sumbu menggunakan vAxes. Contoh berikut menetapkan deret 2 ke sumbu kanan dan menentukan judul kustom serta gaya teks untuknya:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Properti ini dapat berupa objek atau array: objek adalah kumpulan objek, yang masing-masing memiliki 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 kisi pada sumbu vertikal. Perhatikan bahwa garis bantu 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 hanya menggambar satu garis petak, atau 0 untuk tidak menggambar garis petak. Tentukan -1, yang merupakan nilai default, untuk menghitung jumlah garis kisi 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 maks sumbu vertikal ke nilai yang ditentukan; ini akan ke atas di sebagian besar diagram. Diabaikan jika disetel ke nilai yang lebih kecil dari nilai y maksimum data. vAxis.viewWindow.max menggantikan properti ini.

Jenis: number
Default: otomatis
vAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis kisi sekunder pada sumbu vertikal, mirip dengan opsi vAxis.gridlines.

Jenis: object
Default: null
vAxis.minorGridlines.color

Warna garis bantu vertikal kecil di dalam area diagram. Tentukan string warna HTML yang valid.

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

Opsi minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis kisi kecil dengan menyetel jumlah ke 0. Jumlah garis bantu kecil bergantung pada interval antara garis bantu besar dan ruang minimum yang diperlukan.

Jenis: number
Default: 1
vAxis.minValue

Memindahkan nilai minimum sumbu vertikal ke nilai yang ditentukan; ini akan ke bawah di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai y minimum data. vAxis.viewWindow.min menggantikan 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 berikut:

{ 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: tanpa judul
vAxis.titleTextStyle

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

{ 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 adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
vAxis.viewWindow.min

Nilai data vertikal minimum yang akan dirender.

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

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 string digunakan, string tersebut dapat berupa string hex (misalnya, '#fdc') atau nama warna dalam bahasa Inggris. Saat objek digunakan, properti berikut dapat diberikan:
  • stroke: Warna, diberikan sebagai string hex atau nama warna dalam bahasa Inggris.
  • strokeWidth: Jika disediakan, menggambar batas di sekitar area diagram dengan lebar tertentu (dan dengan warna stroke).
Jenis: string atau object
Default: 'white'
chartArea.height

Tinggi area diagram.

Jenis: number atau string
Default: otomatis
chartArea.left

Seberapa jauh diagram digambar dari batas kiri.

Jenis: number atau string
Default: otomatis
chartArea.top

Seberapa jauh diagram digambar 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 pertumbuhan nilai di sepanjang sumbu horizontal. Tentukan -1 untuk membalikkan urutan nilai.

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

Objek dengan properti untuk mengonfigurasi garis kisi 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 nilai default, untuk menghitung jumlah garis kisi secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
hAxis.logScale

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

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: boolean
Default: false
hAxis.maxValue

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

Jenis: number
Default: otomatis
hAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis bantu kecil pada sumbu horizontal, mirip dengan opsi hAxis.gridlines.

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
Default: null
hAxis.minorGridlines.color

Warna garis bantu horizontal kecil di dalam area diagram. Tentukan string warna HTML yang valid.

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

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

Jenis: number
Default: 1
hAxis.minValue

Memindahkan nilai minimum sumbu horizontal ke nilai yang ditentukan; ini akan berada di sebelah kiri dalam sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai x minimum data. hAxis.viewWindow.min menggantikan 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 berikut:

{ 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 berikut:

{ 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, jika 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 pojok 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 berikut:

{ 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, 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 deret ini. Tentukan string warna HTML yang valid.
  • fallingColor.fill - Menggantikan nilai candlestick.fallingColor.fill global untuk seri ini.
  • fallingColor.stroke - Menggantikan nilai candlestick.fallingColor.stroke global untuk seri ini.
  • fallingColor.strokeWidth - Menggantikan nilai candlestick.fallingColor.strokeWidth global untuk seri ini.
  • labelInLegend - Deskripsi deret yang akan muncul dalam legenda diagram.
  • risingColor.fill - Menggantikan nilai candlestick.risingColor.fill global untuk seri ini.
  • risingColor.stroke - Menggantikan nilai candlestick.risingColor.stroke global untuk seri ini.
  • risingColor.strokeWidth - Menggantikan nilai candlestick.risingColor.strokeWidth global untuk seri ini.
  • targetAxisIndex - Sumbu yang akan ditetapkan ke deret ini, dengan 0 adalah sumbu default, dan 1 adalah sumbu yang berlawanan. Nilai defaultnya adalah 0; tetapkan ke 1 untuk menentukan diagram tempat berbagai deret 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 memiliki entri legenda. 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, 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: {}
subtitel

Teks yang akan ditampilkan di bawah judul diagram.

Jenis: string
Default: tanpa judul
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 sebelumnya yang bekerja sama untuk mencapai perilaku atau efek visual diagram 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 berikut:

{ 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 konfigurasi sumbu menggunakan vAxes. Contoh berikut menetapkan deret 2 ke sumbu kanan dan menentukan judul kustom serta gaya teks untuknya:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Properti ini dapat berupa objek atau array: objek adalah kumpulan objek, yang masing-masing memiliki 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 kisi pada sumbu vertikal. Perhatikan bahwa garis bantu 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 hanya menggambar satu garis petak, atau 0 untuk tidak menggambar garis petak. Tentukan -1, yang merupakan nilai default, untuk menghitung jumlah garis kisi 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 maks sumbu vertikal ke nilai yang ditentukan; ini akan ke atas di sebagian besar diagram. Diabaikan jika disetel ke nilai yang lebih kecil dari nilai y maksimum data. vAxis.viewWindow.max menggantikan properti ini.

Jenis: number
Default: otomatis
vAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis kisi sekunder pada sumbu vertikal, mirip dengan opsi vAxis.gridlines.

Jenis: object
Default: null
vAxis.minorGridlines.color

Warna garis bantu vertikal kecil di dalam area diagram. Tentukan string warna HTML yang valid.

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

Opsi minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis kisi kecil dengan menyetel jumlah ke 0. Jumlah garis bantu kecil bergantung pada interval antara garis bantu besar dan ruang minimum yang diperlukan.

Jenis: number
Default: 1
vAxis.minValue

Memindahkan nilai minimum sumbu vertikal ke nilai yang ditentukan; ini akan ke bawah di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai y minimum data. vAxis.viewWindow.min menggantikan 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 berikut:

{ 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: tanpa judul
vAxis.titleTextStyle

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

{ 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 adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
vAxis.viewWindow.min

Nilai data vertikal minimum yang akan dirender.

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

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 string digunakan, string tersebut dapat berupa string hex (misalnya, '#fdc') atau nama warna dalam bahasa Inggris. Saat objek digunakan, properti berikut dapat diberikan:
  • stroke: Warna, diberikan sebagai string hex atau nama warna dalam 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

Seberapa jauh diagram digambar dari batas kiri.

Jenis: number atau string
Default: otomatis
chartArea.top

Seberapa jauh diagram digambar 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 pertumbuhan nilai di sepanjang sumbu horizontal. Tentukan -1 untuk membalikkan urutan nilai.

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

Objek dengan properti untuk mengonfigurasi garis kisi 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 nilai default, untuk menghitung jumlah garis kisi secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
hAxis.logScale

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

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: boolean
Default: false
hAxis.maxValue

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

Jenis: number
Default: otomatis
hAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis bantu kecil pada sumbu horizontal, mirip dengan opsi hAxis.gridlines.

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
Default: null
hAxis.minorGridlines.color

Warna garis bantu horizontal kecil di dalam area diagram. Tentukan string warna HTML yang valid.

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

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

Jenis: number
Default: 1
hAxis.minValue

Memindahkan nilai minimum sumbu horizontal ke nilai yang ditentukan; ini akan berada di sebelah kiri dalam sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai x minimum data. hAxis.viewWindow.min menggantikan 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 berikut:

{ 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 berikut:

{ 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 disetel ke true, akan menumpuk elemen untuk semua deret pada setiap nilai domain. Catatan: Dalam 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%, di mana tumpukan elemen di setiap nilai domain diskalakan ulang hingga berjumlah 100%.

Opsi untuk isStacked adalah:

  • false — elemen tidak akan bertumpuk. Ini adalah opsi default.
  • true — menumpuk elemen untuk semua deret pada setiap nilai domain.
  • 'percent' — menumpuk elemen untuk semua deret di setiap nilai domain dan menskalakan ulang sehingga totalnya menjadi 100%, dengan nilai setiap elemen dihitung sebagai persentase dari 100%.
  • 'relative' — menumpuk elemen untuk semua deret pada setiap nilai domain dan menskalakan ulang sehingga dijumlahkan menjadi 1, dengan nilai setiap elemen dihitung sebagai pecahan 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 secara default menggunakan nilai tanda berdasarkan skala 0-1 relatif sebagai pecahan dari 1 untuk 'relative', dan 0-100% untuk 'percent' (Catatan: saat menggunakan opsi 'percent', nilai sumbu/tanda ditampilkan sebagai persentase, tetapi nilai sebenarnya adalah nilai skala 0-1 relatif. Hal ini karena tanda centang sumbu persentase adalah hasil penerapan format "#.##%" ke nilai skala 0-1 relatif. Saat menggunakan isStacked: 'percent', pastikan untuk menentukan tanda/garis kisi menggunakan nilai skala 0-1 relatif). Anda dapat menyesuaikan garis petak/nilai tanda centang dan pemformatan menggunakan opsi hAxis/vAxis yang sesuai.

Penumpukan 100% hanya mendukung nilai data berjenis number, dan harus memiliki garis dasar 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, jika 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 pojok 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 berikut:

{ 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, 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:

  • 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 lengkap hal yang dapat disesuaikan.

  • color - Warna yang akan digunakan untuk deret ini. Tentukan string warna HTML yang valid.
  • labelInLegend - Deskripsi deret yang akan muncul dalam legenda diagram.
  • targetAxisIndex - Sumbu yang akan ditetapkan ke deret ini, dengan 0 adalah sumbu default, dan 1 adalah sumbu yang berlawanan. Nilai defaultnya adalah 0; tetapkan ke 1 untuk menentukan diagram tempat berbagai deret 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 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, 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: {}
subtitel

Teks yang akan ditampilkan di bawah judul diagram.

Jenis: string
Default: tanpa judul
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 sebelumnya yang bekerja sama untuk mencapai perilaku atau efek visual diagram 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 berikut:

{ 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 hal ini dapat disesuaikan dengan opsi trendlines.n.type.

Garis tren ditentukan berdasarkan per deret, jadi sebagian besar 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 , 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 sebagainya).

Jenis: number
Default: 3
trendlines.n.labelInLegend

Jika disetel, garis tren akan muncul di legenda sebagai string ini.

Jenis: string
Default: null
trendlines.n.lineWidth

Lebar garis trendline, 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 dalam 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 konfigurasi sumbu menggunakan vAxes. Contoh berikut menetapkan deret 2 ke sumbu kanan dan menentukan judul kustom serta gaya teks untuknya:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Properti ini dapat berupa objek atau array: objek adalah kumpulan objek, yang masing-masing memiliki 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 kisi pada sumbu vertikal. Perhatikan bahwa garis bantu 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 hanya menggambar satu garis petak, atau 0 untuk tidak menggambar garis petak. Tentukan -1, yang merupakan nilai default, untuk menghitung jumlah garis kisi 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 maks sumbu vertikal ke nilai yang ditentukan; ini akan ke atas di sebagian besar diagram. Diabaikan jika disetel ke nilai yang lebih kecil dari nilai y maksimum data. vAxis.viewWindow.max menggantikan properti ini.

Jenis: number
Default: otomatis
vAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis kisi sekunder pada sumbu vertikal, mirip dengan opsi vAxis.gridlines.

Jenis: object
Default: null
vAxis.minorGridlines.color

Warna garis bantu vertikal kecil di dalam area diagram. Tentukan string warna HTML yang valid.

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

Opsi minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis kisi kecil dengan menyetel jumlah ke 0. Jumlah garis bantu kecil bergantung pada interval antara garis bantu besar dan ruang minimum yang diperlukan.

Jenis: number
Default: 1
vAxis.minValue

Memindahkan nilai minimum sumbu vertikal ke nilai yang ditentukan; ini akan ke bawah di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai y minimum data. vAxis.viewWindow.min menggantikan 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 berikut:

{ 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: tanpa judul
vAxis.titleTextStyle

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

{ 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 adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
vAxis.viewWindow.min

Nilai data vertikal minimum yang akan dirender.

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

Jenis: number
Default: otomatis

Opsi konfigurasi diagram kombinasi

Nama
areaOpacity

Opasitas default area berwarna di bawah deret diagram area, dengan 0.0 sepenuhnya transparan dan 1.0 sepenuhnya buram. Untuk menentukan keburaman setiap deret, tetapkan 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 string digunakan, string tersebut dapat berupa string hex (misalnya, '#fdc') atau nama warna dalam bahasa Inggris. Saat objek digunakan, properti berikut dapat diberikan:
  • stroke: Warna, diberikan sebagai string hex atau nama warna dalam bahasa Inggris.
  • strokeWidth: Jika disediakan, menggambar batas di sekitar area diagram dengan lebar tertentu (dan dengan warna stroke).
Jenis: string atau object
Default: 'white'
chartArea.height

Tinggi area diagram.

Jenis: number atau string
Default: otomatis
chartArea.left

Seberapa jauh diagram digambar dari batas kiri.

Jenis: number atau string
Default: otomatis
chartArea.top

Seberapa jauh diagram digambar 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 saat lebar garis tidak 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 pertumbuhan nilai di sepanjang sumbu horizontal. Tentukan -1 untuk membalikkan urutan nilai.

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

Objek dengan properti untuk mengonfigurasi garis kisi 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 nilai default, untuk menghitung jumlah garis kisi secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
hAxis.logScale

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

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: boolean
Default: false
hAxis.maxValue

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

Jenis: number
Default: otomatis
hAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis bantu kecil pada sumbu horizontal, mirip dengan opsi hAxis.gridlines.

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
Default: null
hAxis.minorGridlines.color

Warna garis bantu horizontal kecil di dalam area diagram. Tentukan string warna HTML yang valid.

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

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

Jenis: number
Default: 1
hAxis.minValue

Memindahkan nilai minimum sumbu horizontal ke nilai yang ditentukan; ini akan berada di sebelah kiri dalam sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai x minimum data. hAxis.viewWindow.min menggantikan 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 berikut:

{ 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 berikut:

{ 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 tidak ada. Jika true, nilai data yang hilang akan diperkirakan berdasarkan titik di sekitarnya. Jika false, garis akan terputus pada titik yang tidak diketahui.

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

Jenis: boolean
Default: false
isStacked

Jika disetel ke true, akan menumpuk elemen untuk semua deret pada setiap nilai domain. Catatan: Dalam 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%, di mana tumpukan elemen di setiap nilai domain diskalakan ulang hingga berjumlah 100%.

Opsi untuk isStacked adalah:

  • false — elemen tidak akan bertumpuk. Ini adalah opsi default.
  • true — menumpuk elemen untuk semua deret pada setiap nilai domain.
  • 'percent' — menumpuk elemen untuk semua deret di setiap nilai domain dan menskalakan ulang sehingga totalnya menjadi 100%, dengan nilai setiap elemen dihitung sebagai persentase dari 100%.
  • 'relative' — menumpuk elemen untuk semua deret pada setiap nilai domain dan menskalakan ulang sehingga dijumlahkan menjadi 1, dengan nilai setiap elemen dihitung sebagai pecahan 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 secara default menggunakan nilai tanda berdasarkan skala 0-1 relatif sebagai pecahan dari 1 untuk 'relative', dan 0-100% untuk 'percent' (Catatan: saat menggunakan opsi 'percent', nilai sumbu/tanda ditampilkan sebagai persentase, tetapi nilai sebenarnya adalah nilai skala 0-1 relatif. Hal ini karena tanda centang sumbu persentase adalah hasil penerapan format "#.##%" ke nilai skala 0-1 relatif. Saat menggunakan isStacked: 'percent', pastikan untuk menentukan tanda/garis kisi menggunakan nilai skala 0-1 relatif). Anda dapat menyesuaikan garis petak/nilai tanda centang dan pemformatan menggunakan opsi hAxis/vAxis yang sesuai.

Penumpukan 100% hanya mendukung nilai data berjenis number, dan harus memiliki garis dasar 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, jika 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 pojok 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 berikut:

{ 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, 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:

  • 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 lengkap hal yang dapat disesuaikan.

  • areaOpacity - Menggantikan areaOpacity global untuk seri ini.
  • color - Warna yang akan digunakan untuk deret ini. Tentukan string warna HTML yang valid.
  • curveType - Menggantikan nilai curveType global untuk seri ini.
  • fallingColor.fill - Menggantikan nilai candlestick.fallingColor.fill global untuk seri ini.
  • fallingColor.stroke - Menggantikan nilai candlestick.fallingColor.stroke global untuk seri ini.
  • fallingColor.strokeWidth - Menggantikan nilai candlestick.fallingColor.strokeWidth global untuk seri ini.
  • labelInLegend - Deskripsi deret yang akan muncul dalam legenda diagram.
  • lineDashStyle - Menggantikan nilai lineDashStyle global untuk seri ini.
  • lineWidth - Menggantikan nilai lineWidth global untuk seri ini.
  • pointShape - Menggantikan nilai pointShape global untuk seri ini.
  • pointSize - Menggantikan nilai pointSize global untuk seri ini.
  • pointsVisible - Menggantikan nilai pointsVisible global untuk seri ini.
  • risingColor.fill - Menggantikan nilai candlestick.risingColor.fill global untuk seri ini.
  • risingColor.stroke - Menggantikan nilai candlestick.risingColor.stroke global untuk seri ini.
  • risingColor.strokeWidth - Menggantikan nilai candlestick.risingColor.strokeWidth global untuk seri ini.
  • targetAxisIndex - Sumbu yang akan ditetapkan ke deret ini, dengan 0 adalah sumbu default, dan 1 adalah sumbu yang berlawanan. Nilai defaultnya adalah 0; tetapkan ke 1 untuk menentukan diagram tempat berbagai deret 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 seri ini. Nilai yang valid adalah 'line', 'area', 'bars', dan 'steppedArea'. Perhatikan bahwa batang sebenarnya adalah batang vertikal (kolom). Nilai default ditentukan oleh opsi seriesType pada diagram.
  • visibleInLegend - Nilai boolean, dengan true berarti deret harus memiliki entri legenda, dan false berarti tidak boleh memiliki entri legenda. 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, 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: {}
subtitel

Teks yang akan ditampilkan di bawah judul diagram.

Jenis: string
Default: tanpa judul
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 sebelumnya yang bekerja sama untuk mencapai perilaku atau efek visual diagram 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 berikut:

{ 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 konfigurasi sumbu menggunakan vAxes. Contoh berikut menetapkan deret 2 ke sumbu kanan dan menentukan judul kustom serta gaya teks untuknya:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Properti ini dapat berupa objek atau array: objek adalah kumpulan objek, yang masing-masing memiliki 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 kisi pada sumbu vertikal. Perhatikan bahwa garis bantu 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 hanya menggambar satu garis petak, atau 0 untuk tidak menggambar garis petak. Tentukan -1, yang merupakan nilai default, untuk menghitung jumlah garis kisi 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 maks sumbu vertikal ke nilai yang ditentukan; ini akan ke atas di sebagian besar diagram. Diabaikan jika disetel ke nilai yang lebih kecil dari nilai y maksimum data. vAxis.viewWindow.max menggantikan properti ini.

Jenis: number
Default: otomatis
vAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis kisi sekunder pada sumbu vertikal, mirip dengan opsi vAxis.gridlines.

Jenis: object
Default: null
vAxis.minorGridlines.color

Warna garis bantu vertikal kecil di dalam area diagram. Tentukan string warna HTML yang valid.

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

Opsi minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis kisi kecil dengan menyetel jumlah ke 0. Jumlah garis bantu kecil bergantung pada interval antara garis bantu besar dan ruang minimum yang diperlukan.

Jenis: number
Default: 1
vAxis.minValue

Memindahkan nilai minimum sumbu vertikal ke nilai yang ditentukan; ini akan ke bawah di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai y minimum data. vAxis.viewWindow.min menggantikan 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 berikut:

{ 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: tanpa judul
vAxis.titleTextStyle

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

{ 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 adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
vAxis.viewWindow.min

Nilai data vertikal minimum yang akan dirender.

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

Jenis: number
Default: otomatis

Opsi konfigurasi meteran

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: tidak ada
greenTo

Nilai tertinggi untuk rentang yang ditandai dengan warna hijau.

Jenis: number
Default: tidak ada
tinggi

Tinggi diagram dalam piksel.

Jenis: number
Default: Lebar penampung
maks

Nilai maksimum yang akan 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. Nilai ini lebih diutamakan daripada nilai maksimum sumbu Y yang ditentukan oleh scaleType.

Hal ini mirip dengan maxValue dalam diagram inti.

Jenis: number
Default: otomatis
mnt

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

Hal 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: tidak ada
yellowTo

Nilai tertinggi untuk rentang yang ditandai dengan warna kuning.

Jenis: number
Default: tidak ada

Opsi konfigurasi peta 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 wilayah tanpa data terkait.

Jenis: string
Default: '#F5F5F5'
defaultColor

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

Jenis: string
Default: '#267114'
displayMode

Jenis peta geografis ini. Format DataTable harus cocok dengan nilai yang ditentukan. Nilai berikut didukung:

  • 'auto' - Pilih berdasarkan format DataTable.
  • 'regions' - Mewarnai wilayah pada peta geografi.
  • 'markers' - Letakkan penanda di wilayah.
  • 'text' - Beri label pada wilayah 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 berikut:

{ 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 diagram geografis. Area sekitar juga ditampilkan. Dapat berupa salah satu dari berikut:

  • 'world' - Peta geografi seluruh dunia.
  • Benua atau sub-benua, yang ditentukan oleh kode 3 digit, misalnya, '011' untuk Afrika Barat.
  • Negara, yang ditentukan oleh 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 penampung

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 string digunakan, string tersebut dapat berupa string hex (misalnya, '#fdc') atau nama warna dalam bahasa Inggris. Saat objek digunakan, properti berikut dapat diberikan:
  • stroke: Warna, diberikan sebagai string hex atau nama warna dalam 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

Seberapa jauh diagram digambar dari batas kiri.

Jenis: number atau string
Default: otomatis
chartArea.top

Seberapa jauh diagram digambar 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 kisi 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 nilai default, untuk menghitung jumlah garis kisi secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
hAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis bantu kecil pada sumbu horizontal, mirip dengan opsi hAxis.gridlines.

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
Default: null
hAxis.minorGridlines.color

Warna garis bantu horizontal kecil di dalam area diagram. Tentukan string warna HTML yang valid.

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

Opsi minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis kisi kecil dengan menyetel jumlah ke 0. Jumlah garis kisi sekunder kini sepenuhnya bergantung pada interval antara garis kisi 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 berikut:

{ 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 berikut:

{ 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

Mengodekan secara permanen ukuran setiap batang histogram, bukan membiarkannya ditentukan secara algoritma.

Jenis: number
Default: otomatis
histogram.hideBucketItems

Hilangkan pembagian tipis di antara blok histogram, sehingga menjadi serangkaian batang solid.

Jenis: boolean
Default: false
histogram.lastBucketPercentile

Saat menghitung ukuran bucket histogram, abaikan lastBucketPercentile persen teratas dan terbawah. Nilai masih disertakan dalam histogram, tetapi tidak memengaruhi pengelompokan.

Jenis: number
Default: 0
interpolateNulls

Apakah akan menebak nilai titik yang tidak ada. Jika true, nilai data yang hilang akan diperkirakan berdasarkan titik di sekitarnya. Jika false, garis akan terputus pada titik yang tidak diketahui.

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

Jenis: boolean
Default: false
isStacked

Jika disetel ke true, akan menumpuk elemen untuk semua deret pada setiap nilai domain. Catatan: Dalam 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%, di mana tumpukan elemen di setiap nilai domain diskalakan ulang hingga berjumlah 100%.

Opsi untuk isStacked adalah:

  • false — elemen tidak akan bertumpuk. Ini adalah opsi default.
  • true — menumpuk elemen untuk semua deret pada setiap nilai domain.
  • 'percent' — menumpuk elemen untuk semua deret di setiap nilai domain dan menskalakan ulang sehingga totalnya menjadi 100%, dengan nilai setiap elemen dihitung sebagai persentase dari 100%.
  • 'relative' — menumpuk elemen untuk semua deret pada setiap nilai domain dan menskalakan ulang sehingga dijumlahkan menjadi 1, dengan nilai setiap elemen dihitung sebagai pecahan 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 secara default menggunakan nilai tanda berdasarkan skala 0-1 relatif sebagai pecahan dari 1 untuk 'relative', dan 0-100% untuk 'percent' (Catatan: saat menggunakan opsi 'percent', nilai sumbu/tanda ditampilkan sebagai persentase, tetapi nilai sebenarnya adalah nilai skala 0-1 relatif. Hal ini karena tanda centang sumbu persentase adalah hasil penerapan format "#.##%" ke nilai skala 0-1 relatif. Saat menggunakan isStacked: 'percent', pastikan untuk menentukan tanda/garis kisi menggunakan nilai skala 0-1 relatif). Anda dapat menyesuaikan garis petak/nilai tanda centang dan pemformatan menggunakan opsi hAxis/vAxis yang sesuai.

Penumpukan 100% hanya mendukung nilai data berjenis number, dan harus memiliki garis dasar 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, jika 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 pojok 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 berikut:

{ 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, 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 deret ini. Tentukan string warna HTML yang valid.
  • labelInLegend - Deskripsi deret yang akan muncul dalam legenda diagram.
  • targetAxisIndex - Sumbu yang akan ditetapkan ke deret ini, dengan 0 adalah sumbu default, dan 1 adalah sumbu yang berlawanan. Nilai defaultnya adalah 0; tetapkan ke 1 untuk menentukan diagram tempat berbagai deret 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 memiliki entri legenda. 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, 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: {}
subtitel

Teks yang akan ditampilkan di bawah judul diagram.

Jenis: string
Default: tanpa judul
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 sebelumnya yang bekerja sama untuk mencapai perilaku atau efek visual diagram 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 berikut:

{ 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 konfigurasi sumbu menggunakan vAxes. Contoh berikut menetapkan deret 2 ke sumbu kanan dan menentukan judul kustom serta gaya teks untuknya:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Properti ini dapat berupa objek atau array: objek adalah kumpulan objek, yang masing-masing memiliki 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 kisi pada sumbu vertikal. Perhatikan bahwa garis bantu 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 hanya menggambar satu garis petak, atau 0 untuk tidak menggambar garis petak. Tentukan -1, yang merupakan nilai default, untuk menghitung jumlah garis kisi 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 maks sumbu vertikal ke nilai yang ditentukan; ini akan ke atas di sebagian besar diagram. Diabaikan jika disetel ke nilai yang lebih kecil dari nilai y maksimum data. vAxis.viewWindow.max menggantikan properti ini.

Jenis: number
Default: otomatis
vAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis kisi sekunder pada sumbu vertikal, mirip dengan opsi vAxis.gridlines.

Jenis: object
Default: null
vAxis.minorGridlines.color

Warna garis bantu vertikal kecil di dalam area diagram. Tentukan string warna HTML yang valid.

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

Opsi minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis kisi kecil dengan menyetel jumlah ke 0. Jumlah garis bantu kecil bergantung pada interval antara garis bantu besar dan ruang minimum yang diperlukan.

Jenis: number
Default: 1
vAxis.minValue

Memindahkan nilai minimum sumbu vertikal ke nilai yang ditentukan; ini akan ke bawah di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai y minimum data. vAxis.viewWindow.min menggantikan 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 berikut:

{ 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: tanpa judul
vAxis.titleTextStyle

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

{ 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 adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
vAxis.viewWindow.min

Nilai data vertikal minimum yang akan dirender.

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

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 string digunakan, string tersebut dapat berupa string hex (misalnya, '#fdc') atau nama warna dalam bahasa Inggris. Saat objek digunakan, properti berikut dapat diberikan:
  • stroke: Warna, diberikan sebagai string hex atau nama warna dalam bahasa Inggris.
  • strokeWidth: Jika disediakan, menggambar batas di sekitar area diagram dengan lebar tertentu (dan dengan warna stroke).
Jenis: string atau object
Default: 'white'
chartArea.height

Tinggi area diagram.

Jenis: number atau string
Default: otomatis
chartArea.left

Seberapa jauh diagram digambar dari batas kiri.

Jenis: number atau string
Default: otomatis
chartArea.top

Seberapa jauh diagram digambar 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 saat lebar garis tidak 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 pertumbuhan nilai di sepanjang sumbu horizontal. Tentukan -1 untuk membalikkan urutan nilai.

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

Objek dengan properti untuk mengonfigurasi garis kisi 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 nilai default, untuk menghitung jumlah garis kisi secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
hAxis.logScale

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

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: boolean
Default: false
hAxis.maxValue

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

Jenis: number
Default: otomatis
hAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis bantu kecil pada sumbu horizontal, mirip dengan opsi hAxis.gridlines.

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
Default: null
hAxis.minorGridlines.color

Warna garis bantu horizontal kecil di dalam area diagram. Tentukan string warna HTML yang valid.

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

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

Jenis: number
Default: 1
hAxis.minValue

Memindahkan nilai minimum sumbu horizontal ke nilai yang ditentukan; ini akan berada di sebelah kiri dalam sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai x minimum data. hAxis.viewWindow.min menggantikan 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 berikut:

{ 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 berikut:

{ 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 tidak ada. Jika true, nilai data yang hilang akan diperkirakan berdasarkan titik di sekitarnya. Jika false, garis akan terputus pada titik yang tidak diketahui.

Opsi 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, jika 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 pojok 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 berikut:

{ 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, 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:

  • 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 lengkap hal yang dapat disesuaikan.

  • type - Jenis penanda untuk seri ini. Nilai yang valid adalah 'line', 'area', 'bars', dan 'steppedArea'. Perhatikan bahwa batang sebenarnya adalah batang vertikal (kolom). Nilai default ditentukan oleh opsi seriesType pada diagram.
  • color - Warna yang akan digunakan untuk deret ini. Tentukan string warna HTML yang valid.
  • curveType - Menggantikan nilai curveType global untuk seri ini.
  • labelInLegend - Deskripsi deret yang akan muncul dalam legenda diagram.
  • lineDashStyle - Menggantikan nilai lineDashStyle global untuk seri ini.
  • lineWidth - Menggantikan nilai lineWidth global untuk seri ini.
  • pointShape - Menggantikan nilai pointShape global untuk seri ini.
  • pointSize - Menggantikan nilai pointSize global untuk seri ini.
  • pointsVisible - Menggantikan nilai pointsVisible global untuk seri ini.
  • targetAxisIndex - Sumbu yang akan ditetapkan ke deret ini, dengan 0 adalah sumbu default, dan 1 adalah sumbu yang berlawanan. Nilai defaultnya adalah 0; tetapkan ke 1 untuk menentukan diagram tempat berbagai deret 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 memiliki entri legenda. 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, 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: {}
subtitel

Teks yang akan ditampilkan di bawah judul diagram.

Jenis: string
Default: tanpa judul
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 sebelumnya yang bekerja sama untuk mencapai perilaku atau efek visual diagram 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 berikut:

{ 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 disetel 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 hal ini dapat disesuaikan dengan opsi trendlines.n.type.

Garis tren ditentukan berdasarkan per deret, jadi sebagian besar 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 , 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 sebagainya).

Jenis: number
Default: 3
trendlines.n.labelInLegend

Jika disetel, garis tren akan muncul di 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 dalam 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 konfigurasi sumbu menggunakan vAxes. Contoh berikut menetapkan deret 2 ke sumbu kanan dan menentukan judul kustom serta gaya teks untuknya:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Properti ini dapat berupa objek atau array: objek adalah kumpulan objek, yang masing-masing memiliki 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 kisi pada sumbu vertikal. Perhatikan bahwa garis bantu 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 hanya menggambar satu garis petak, atau 0 untuk tidak menggambar garis petak. Tentukan -1, yang merupakan nilai default, untuk menghitung jumlah garis kisi 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 maks sumbu vertikal ke nilai yang ditentukan; ini akan ke atas di sebagian besar diagram. Diabaikan jika disetel ke nilai yang lebih kecil dari nilai y maksimum data. vAxis.viewWindow.max menggantikan properti ini.

Jenis: number
Default: otomatis
vAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis kisi sekunder pada sumbu vertikal, mirip dengan opsi vAxis.gridlines.

Jenis: object
Default: null
vAxis.minorGridlines.color

Warna garis bantu vertikal kecil di dalam area diagram. Tentukan string warna HTML yang valid.

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

Opsi minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis kisi kecil dengan menyetel jumlah ke 0. Jumlah garis bantu kecil bergantung pada interval antara garis bantu besar dan ruang minimum yang diperlukan.

Jenis: number
Default: 1
vAxis.minValue

Memindahkan nilai minimum sumbu vertikal ke nilai yang ditentukan; ini akan ke bawah di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai y minimum data. vAxis.viewWindow.min menggantikan 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 berikut:

{ 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: tanpa judul
vAxis.titleTextStyle

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

{ 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 adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
vAxis.viewWindow.min

Nilai data vertikal minimum yang akan dirender.

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

Jenis: number
Default: otomatis

Opsi konfigurasi diagram organisasi

Nama
warna

Warna latar belakang elemen diagram organisasi.

Jenis: string
Default: '#edf7ff'
selectionColor

Warna latar belakang elemen diagram organisasi yang dipilih.

Jenis: string
Default: '#d6e9f8'
ukuran

Ukuran keseluruhan diagram. Opsinya 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 string digunakan, string tersebut dapat berupa string hex (misalnya, '#fdc') atau nama warna dalam bahasa Inggris. Saat objek digunakan, properti berikut dapat diberikan:
  • stroke: Warna, diberikan sebagai string hex atau nama warna dalam bahasa Inggris.
  • strokeWidth: Jika disediakan, menggambar batas di sekitar area diagram dengan lebar tertentu (dan dengan warna stroke).
Jenis: string atau object
Default: 'white'
chartArea.height

Tinggi area diagram.

Jenis: number atau string
Default: otomatis
chartArea.left

Seberapa jauh diagram digambar dari batas kiri.

Jenis: number atau string
Default: otomatis
chartArea.top

Seberapa jauh diagram digambar 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, akan 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, jika 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 pojok 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 berikut:

{ 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 irisan. Hanya berlaku jika diagramnya dua dimensi.

Jenis: string
Default: 'white'
pieSliceText

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

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

Objek yang menentukan gaya teks irisan. Objek memiliki format berikut:

{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, 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 irisan ini.

Jenis: string
subtitel

Teks yang akan ditampilkan di bawah judul diagram.

Jenis: string
Default: tanpa judul
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 berikut:

{ 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 string digunakan, string tersebut dapat berupa string hex (misalnya, '#fdc') atau nama warna dalam bahasa Inggris. Saat objek digunakan, properti berikut dapat diberikan:
  • stroke: Warna, diberikan sebagai string hex atau nama warna dalam bahasa Inggris.
  • strokeWidth: Jika disediakan, menggambar batas di sekitar area diagram dengan lebar tertentu (dan dengan warna stroke).
Jenis: string atau object
Default: 'white'
chartArea.height

Tinggi area diagram.

Jenis: number atau string
Default: otomatis
chartArea.left

Seberapa jauh diagram digambar dari batas kiri.

Jenis: number atau string
Default: otomatis
chartArea.top

Seberapa jauh diagram digambar 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 saat lebar garis tidak 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 pertumbuhan nilai di sepanjang sumbu horizontal. Tentukan -1 untuk membalikkan urutan nilai.

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

Objek dengan properti untuk mengonfigurasi garis kisi 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 nilai default, untuk menghitung jumlah garis kisi secara otomatis berdasarkan opsi lain.

Jenis: number
Default: -1
hAxis.logScale

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

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: boolean
Default: false
hAxis.maxValue

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

Jenis: number
Default: otomatis
hAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis bantu kecil pada sumbu horizontal, mirip dengan opsi hAxis.gridlines.

Opsi ini hanya didukung untuk sumbu continuous.

Jenis: object
Default: null
hAxis.minorGridlines.color

Warna garis bantu horizontal kecil di dalam area diagram. Tentukan string warna HTML yang valid.

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

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

Jenis: number
Default: 1
hAxis.minValue

Memindahkan nilai minimum sumbu horizontal ke nilai yang ditentukan; ini akan berada di sebelah kiri dalam sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai x minimum data. hAxis.viewWindow.min menggantikan 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 berikut:

{ 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 berikut:

{ 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, jika 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 pojok 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 berikut:

{ 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
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 deret ini. Tentukan string warna HTML yang valid.
  • labelInLegend - Deskripsi deret yang akan muncul dalam legenda diagram.
  • lineWidth - Menggantikan nilai lineWidth global untuk seri ini.
  • pointShape - Menggantikan nilai pointShape global untuk seri ini.
  • pointSize - Menggantikan nilai pointSize global untuk seri ini.
  • pointsVisible - Menggantikan nilai pointsVisible global untuk seri ini.
  • visibleInLegend - Nilai boolean, dengan true berarti deret harus memiliki entri legenda, dan false berarti tidak boleh memiliki entri legenda. 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 mana 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: {}
subtitel

Teks yang akan ditampilkan di bawah judul diagram.

Jenis: string
Default: tanpa judul
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 sebelumnya yang bekerja sama untuk mencapai perilaku atau efek visual diagram 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 berikut:

{ 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 disetel 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 hal ini dapat disesuaikan dengan opsi trendlines.n.type.

Garis tren ditentukan berdasarkan per deret, jadi sebagian besar 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 , 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 sebagainya).

Jenis: number
Default: 3
trendlines.n.labelInLegend

Jika disetel, garis tren akan muncul di 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 dalam 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 konfigurasi sumbu menggunakan vAxes. Contoh berikut menetapkan deret 2 ke sumbu kanan dan menentukan judul kustom serta gaya teks untuknya:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Properti ini dapat berupa objek atau array: objek adalah kumpulan objek, yang masing-masing memiliki 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 kisi pada sumbu vertikal. Perhatikan bahwa garis bantu 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 hanya menggambar satu garis petak, atau 0 untuk tidak menggambar garis petak. Tentukan -1, yang merupakan nilai default, untuk menghitung jumlah garis kisi 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 maks sumbu vertikal ke nilai yang ditentukan; ini akan ke atas di sebagian besar diagram. Diabaikan jika disetel ke nilai yang lebih kecil dari nilai y maksimum data. vAxis.viewWindow.max menggantikan properti ini.

Jenis: number
Default: otomatis
vAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis kisi sekunder pada sumbu vertikal, mirip dengan opsi vAxis.gridlines.

Jenis: object
Default: null
vAxis.minorGridlines.color

Warna garis bantu vertikal kecil di dalam area diagram. Tentukan string warna HTML yang valid.

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

Opsi minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis kisi kecil dengan menyetel jumlah ke 0. Jumlah garis bantu kecil bergantung pada interval antara garis bantu besar dan ruang minimum yang diperlukan.

Jenis: number
Default: 1
vAxis.minValue

Memindahkan nilai minimum sumbu vertikal ke nilai yang ditentukan; ini akan ke bawah di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai y minimum data. vAxis.viewWindow.min menggantikan 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 berikut:

{ 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: tanpa judul
vAxis.titleTextStyle

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

{ 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 adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
vAxis.viewWindow.min

Nilai data vertikal minimum yang akan dirender.

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

Jenis: number
Default: otomatis

Opsi konfigurasi diagram area berundak

Nama
areaOpacity

Opasitas default area berwarna di bawah deret diagram area, dengan 0.0 sepenuhnya transparan dan 1.0 sepenuhnya buram. Untuk menentukan keburaman setiap deret, tetapkan 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 string digunakan, string tersebut dapat berupa string hex (misalnya, '#fdc') atau nama warna dalam bahasa Inggris. Saat objek digunakan, properti berikut dapat diberikan:
  • stroke: Warna, diberikan sebagai string hex atau nama warna dalam bahasa Inggris.
  • strokeWidth: Jika disediakan, menggambar batas di sekitar area diagram dengan lebar tertentu (dan dengan warna stroke).
Jenis: string atau object
Default: 'white'
chartArea.height

Tinggi area diagram.

Jenis: number atau string
Default: otomatis
chartArea.left

Seberapa jauh diagram digambar dari batas kiri.

Jenis: number atau string
Default: otomatis
chartArea.top

Seberapa jauh diagram digambar 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 pertumbuhan nilai di sepanjang sumbu horizontal. Tentukan -1 untuk membalikkan 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 berikut:

{ 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 berikut:

{ 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 disetel ke true, akan menumpuk elemen untuk semua deret pada setiap nilai domain. Catatan: Dalam 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%, di mana tumpukan elemen di setiap nilai domain diskalakan ulang hingga berjumlah 100%.

Opsi untuk isStacked adalah:

  • false — elemen tidak akan bertumpuk. Ini adalah opsi default.
  • true — menumpuk elemen untuk semua deret pada setiap nilai domain.
  • 'percent' — menumpuk elemen untuk semua deret di setiap nilai domain dan menskalakan ulang sehingga totalnya menjadi 100%, dengan nilai setiap elemen dihitung sebagai persentase dari 100%.
  • 'relative' — menumpuk elemen untuk semua deret pada setiap nilai domain dan menskalakan ulang sehingga dijumlahkan menjadi 1, dengan nilai setiap elemen dihitung sebagai pecahan 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 secara default menggunakan nilai tanda berdasarkan skala 0-1 relatif sebagai pecahan dari 1 untuk 'relative', dan 0-100% untuk 'percent' (Catatan: saat menggunakan opsi 'percent', nilai sumbu/tanda ditampilkan sebagai persentase, tetapi nilai sebenarnya adalah nilai skala 0-1 relatif. Hal ini karena tanda centang sumbu persentase adalah hasil penerapan format "#.##%" ke nilai skala 0-1 relatif. Saat menggunakan isStacked: 'percent', pastikan untuk menentukan tanda/garis kisi menggunakan nilai skala 0-1 relatif). Anda dapat menyesuaikan garis petak/nilai tanda centang dan pemformatan menggunakan opsi hAxis/vAxis yang sesuai.

Penumpukan 100% hanya mendukung nilai data berjenis number, dan harus memiliki garis dasar 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, jika 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 pojok 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 berikut:

{ 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, 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:

  • areaOpacity - Menggantikan areaOpacity global untuk seri ini.
  • color - Warna yang akan digunakan untuk deret ini. Tentukan string warna HTML yang valid.
  • type - Jenis penanda untuk seri ini. Nilai yang valid adalah 'line', 'area', 'bars', dan 'steppedArea'. Perhatikan bahwa batang sebenarnya adalah batang vertikal (kolom). Nilai default ditentukan oleh opsi seriesType pada diagram.
  • labelInLegend - Deskripsi deret yang akan muncul dalam legenda diagram.
  • lineDashStyle - Menggantikan nilai lineDashStyle global untuk seri ini.
  • targetAxisIndex - Sumbu yang akan ditetapkan ke deret ini, dengan 0 adalah sumbu default, dan 1 adalah sumbu yang berlawanan. Nilai defaultnya adalah 0; tetapkan ke 1 untuk menentukan diagram tempat berbagai deret 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 memiliki entri legenda. Default-nya adalah true.

Anda dapat menentukan array objek, yang masing-masing berlaku untuk deret dalam urutan yang diberikan, atau Anda dapat menentukan objek yang setiap turunannya 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, 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: {}
subtitel

Teks yang akan ditampilkan di bawah judul diagram.

Jenis: string
Default: tanpa judul
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 sebelumnya yang bekerja sama untuk mencapai perilaku atau efek visual diagram 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 berikut:

{ 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 disetel 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 konfigurasi sumbu menggunakan vAxes. Contoh berikut menetapkan deret 2 ke sumbu kanan dan menentukan judul kustom serta gaya teks untuknya:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Properti ini dapat berupa objek atau array: objek adalah kumpulan objek, yang masing-masing memiliki 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 kisi pada sumbu vertikal. Perhatikan bahwa garis bantu 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 hanya menggambar satu garis petak, atau 0 untuk tidak menggambar garis petak. Tentukan -1, yang merupakan nilai default, untuk menghitung jumlah garis kisi 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 maks sumbu vertikal ke nilai yang ditentukan; ini akan ke atas di sebagian besar diagram. Diabaikan jika disetel ke nilai yang lebih kecil dari nilai y maksimum data. vAxis.viewWindow.max menggantikan properti ini.

Jenis: number
Default: otomatis
vAxis.minorGridlines

Objek dengan anggota untuk mengonfigurasi garis kisi sekunder pada sumbu vertikal, mirip dengan opsi vAxis.gridlines.

Jenis: object
Default: null
vAxis.minorGridlines.color

Warna garis bantu vertikal kecil di dalam area diagram. Tentukan string warna HTML yang valid.

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

Opsi minorGridlines.count sebagian besar tidak digunakan lagi, kecuali untuk menonaktifkan garis kisi kecil dengan menyetel jumlah ke 0. Jumlah garis bantu kecil bergantung pada interval antara garis bantu besar dan ruang minimum yang diperlukan.

Jenis: number
Default: 1
vAxis.minValue

Memindahkan nilai minimum sumbu vertikal ke nilai yang ditentukan; ini akan ke bawah di sebagian besar diagram. Diabaikan jika ditetapkan ke nilai yang lebih besar dari nilai y minimum data. vAxis.viewWindow.min menggantikan 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 berikut:

{ 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: tanpa judul
vAxis.titleTextStyle

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

{ 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 adalah 'pretty' atau 'maximized'.

Jenis: number
Default: otomatis
vAxis.viewWindow.min

Nilai data vertikal minimum yang akan dirender.

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

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 penomoran halaman melalui data. Pilih salah satu nilai string berikut:

  • 'enable' - Tabel akan menyertakan tombol maju dan mundur halaman. Mengklik tombol ini akan melakukan operasi penomoran halaman dan mengubah halaman yang ditampilkan. Anda mungkin juga ingin menyetel opsi pageSize.
  • 'event' - Tabel akan menyertakan tombol maju dan kembali 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 contoh cara menangani peristiwa penomoran halaman secara manual.
  • 'disable' - [Default] Penomoran halaman tidak didukung.
  • Jenis: string
    Default: 'disable'
pageSize

Jumlah baris di setiap halaman, saat penomoran halaman diaktifkan dengan opsi halaman.

Jenis: number
Default: 10
showRowNumber

Jika disetel ke true, menampilkan nomor baris sebagai kolom pertama tabel.

Jenis: boolean
Default: false
mengurutkan

Jika dan cara mengurutkan kolom saat pengguna mengklik judul kolom. Jika pengurutan diaktifkan, pertimbangkan untuk menyetel properti sortAscending dan sortColumn juga. Pilih salah satu nilai string berikut:

  • 'enable' - [Default] Pengguna dapat mengklik header kolom untuk mengurutkan menurut kolom yang diklik. Saat pengguna mengklik header kolom, baris akan diurutkan secara otomatis, dan peristiwa 'sort'dipicu.
  • 'event' - Saat pengguna mengklik header kolom, peristiwa 'sort' dipicu, tetapi baris tidak diurutkan secara otomatis. Opsi ini harus digunakan saat halaman menerapkan pengurutan sendiri. Lihat contoh TableQueryWrapper untuk contoh cara menangani peristiwa pengurutan secara manual.
  • 'disable'- Mengklik header kolom tidak akan berpengaruh.
Jenis: string
Default: 'enable'
sortAscending

Urutan kolom pengurutan awal diurutkan. 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 ditandai dengan panah kecil yang menunjukkan urutan pengurutan.

Jenis: number
Default: -1
lebar

Lebar diagram dalam piksel.

Jenis: number
Default: lebar elemen penampung

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 Anda memiliki lebih banyak level daripada ini, Anda harus naik atau turun untuk melihatnya. Anda juga dapat melihat tingkat 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 dalam gaya "petunjuk". Node yang diberi petunjuk ditampilkan sebagai persegi panjang yang diarsir dalam node yang berada dalam batas maxDepth.

Jenis: number
Default: 0
midColor

Warna untuk persegi panjang dengan nilai kolom 3 di tengah-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 leaf (atau hanya berisi leaf). Tentukan nilai warna HTML.

Jenis: string
Default: #000000
subtitel

Teks yang akan ditampilkan di bawah judul diagram.

Jenis: string
Default: tanpa judul
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 berikut:

{ 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>}