Diagram Google-O-Meter

   Google o-meter dengan pewarnaan pelangi

Dokumen ini menjelaskan cara membuat diagram dial-type yang disebut diagram Google-o-meter.

Daftar Isi

Fitur Khusus Diagram

  1. Ringkasan
  2. Warna Seri (chco)
  3. Label o-meter Google (chl)

Fitur Standar

  1. Judul Diagram (chtt, chts)
  2. Teks dan Gaya Legenda Diagram (chdl, chdlp, chdls)
  3. Chart Margins (chma)
  4. Gaya dan Label Sumbu
    1. Sumbu Terlihat (chxt)
    2. Rentang Sumbu (chxr)
    3. Label Sumbu Kustom (chxl)
    4. Posisi Label Sumbu (chxp)
    5. Gaya Label Sumbu (chxs, chxtc)
  5. Line Styles (chls)
  6. Isi Latar Belakang (chf)
    1. Solid Fills (chf)
    2. Isi Gradien (chf)
    3. Striped Fills (chf)

Ringkasan

Google-o-meter adalah alat ukur yang mengarah ke satu nilai pada rentang. Rentang ini memiliki gradasi warna yang dapat Anda tentukan secara opsional. Anda juga dapat menentukan teks kustom di atas pointer. Rentang dial adalah dari nilai minimum format data ke nilai maksimum. Tentukan satu nilai data dalam parameter chd untuk panah yang akan dituju.

Anda dapat menentukan beberapa panah pada diagram yang sama, serta menata gaya isi panah dan ukuran titik secara berbeda. Jika Anda menginginkan gaya panah yang sama untuk semua panah, tentukan titik data sebagai nilai dalam deret yang sama. Jika Anda ingin menerapkan gaya yang berbeda untuk panah yang berbeda, kelompokkan semua panah dengan gaya yang sama ke dalam deret yang sama.

Tentukan diagram Google-O-Meter dengan sintaksis berikut:

Sintaksis

cht=gom

 

Contoh

Deskripsi Contoh

Hal ini mendemonstrasikan penggunaan chxl untuk menentukan label khusus di bawah dan di atas kenop.

Garis tunggal pada diagram dengan bayangan biru dari bagian bawah diagram ke garis
chxt=x,y
chxl=0:|Groovy|1:|slow|faster|crazy
Anda dapat menentukan beberapa panah dengan beberapa titik data.
chd=t:20,40,60
chdl=1|2|3

Untuk menerapkan gaya pada panah, gunakan parameter chls. Setiap deskripsi chls berlaku untuk semua panah dalam deret data yang sesuai.

chls memiliki sintaksis lanjutan untuk Google-o-meter. Setiap kumpulan nilai di dalam kumpulan pipes menjelaskan deret data yang sesuai. Anda dapat memilih untuk menambahkan sekumpulan nilai yang dipisahkan tanda pipa yang mendeskripsikan ukuran kepala panah dalam poin, dari 0—15, dan default-nya adalah 15.

Mari kita pelajari nilai chls dalam diagram ini: chls=3|3,5,5|15|10

  • 3 - Nilai tunggal menentukan ketebalan garis. Ini berlaku untuk semua tanda panah di deret pertama.
  • 3,5,5 - Deret kedua memiliki ketebalan, panjang tanda hubung, dan panjang ruang yang dijelaskan.
  • 15 - Ukuran kepala panah untuk anak panah pada deret pertama.
  • 10 - Ukuran kepala panah untuk panah pada deret kedua.

 
chd=t:20,40|60
chls=3|3,5,5|15|10

 

Warna Seri chco

Secara opsional, Anda dapat menentukan warna dial menggunakan parameter chco. Jika tidak ditentukan, diagram akan menggunakan gradien default.

Sintaksis

chco=<color_1>,...,<color_n>
<color>
Tentukan dua warna atau lebih dalam format heksadesimal RRGGBB. Warna diterapkan dalam gradien dari kiri ke kanan, dengan warna pertama di sebelah kiri warna terakhir di sebelah kanan.
Deskripsi Contoh
Diagram ini menunjukkan gradien sederhana, dari putih (FFFFFF) ke hitam (000000) Google o-meter dengan pewarnaan pelangi
chco=FFFFFF,000000
Bagan ini menunjukkan beberapa warna yang ditetapkan ke kenop. Google o-meter dengan pewarnaan pelangi
chco=FF0000,FF8040,FFFF00,
00FF00,00FFFF,
0000FF,800080

Kembali ke atas

Label Google-o-meter chl

Anda dapat menentukan label khusus untuk ditampilkan di atas panah.

Catatan tentang Nilai String: Hanya karakter yang aman untuk URL yang diizinkan dalam string label. Agar aman, Anda harus mengenkode string apa pun ke dalam URL yang berisi karakter yang tidak ada dalam himpunan karakter 0-9a-zA-Z. Anda dapat menemukan encoder URL di sini.

Sintaksis

chl=<label>
<label
Teks label.

 

Contoh

Deskripsi Contoh
Berikut adalah contoh o-meter Google dengan label.

Google-o-meter dengan warna default merah ke hijau
chl=Nearly+There

Kembali ke atas

Fitur Standar

Fitur lainnya di halaman ini adalah fitur bagan standar.

Format Warna

Tentukan warna menggunakan string nilai heksadesimal 6 karakter, ditambah dua nilai transparansi opsional, dalam format RRGGBB[AA]. Contoh:

  • FF0000 = Merah
  • 00FF00 = Hijau
  • 0000FF = Biru
  • 000000 = Hitam
  • FFFFFF = Putih

AA adalah nilai transparansi opsional, dengan 00 sepenuhnya transparan dan FF sepenuhnya tidak tembus pandang. Contoh:

  • 0000FFFF = Biru tak berkedip
  • 0000FF66 = Biru transparan

Kembali ke atas

Judul Diagram chtt, chts [Semua diagram]

Anda dapat menentukan teks judul, warna, dan ukuran font untuk diagram.

Sintaksis

chtt=<chart_title>
chts=<color>,<font_size>,<opt_alignment>

 

chtt - Menentukan judul diagram.

<chart_title>
Judul yang akan ditampilkan untuk diagram. Anda tidak dapat menentukan tempat munculnya, tetapi Anda dapat menentukan ukuran dan warna font secara opsional. Gunakan tanda + untuk menunjukkan spasi, dan karakter pipa ( | ) untuk menunjukkan pemisah baris.

 

chts [Opsional] - Warna dan ukuran font untuk parameter chtt.

<color>
Warna judul, dalam format heksadesimal RRGGBB. Warna defaultnya adalah hitam.
<font_size>
Ukuran font judul, dalam poin.
<opt_alignment>
[Opsional] Perataan judul. Pilih salah satu nilai string yang peka huruf besar/kecil berikut: "l" (kiri), "c" (tengah), "r" (kanan). Nilai defaultnya adalah "c".

 

Contoh

Deskripsi Contoh

Diagram dengan judul, menggunakan warna dan ukuran font default.

Tentukan ruang dengan tanda plus (+).

Gunakan karakter pipa (|) untuk memaksa pemisah baris.

chts tidak ditentukan di sini.

 Diagram batang vertikal dengan judul
chtt=Site+visitors+by+month|
January+to+July

Diagram dengan judul 20 titik berwarna biru, rata kanan.

 Diagram batang vertikal dengan warna biru, 20 piksel, judul
chtt=Site+visitors
chts=FF0000,20,r

Kembali ke atas

Teks dan Gaya Legenda Diagram chdl, chdlp, chdls [Semua diagram]

Legenda adalah bagian samping diagram yang memberikan deskripsi teks kecil untuk setiap deret. Anda dapat menentukan teks yang terkait dengan setiap deret dalam legenda ini, dan menentukan di bagian diagram mana teks tersebut akan muncul.

Lihat juga chma, untuk mempelajari cara menetapkan margin di sekitar legenda.

Catatan tentang nilai string: Hanya karakter yang aman untuk URL yang diizinkan dalam string label. Agar aman, Anda harus mengenkode string apa pun ke dalam URL yang berisi karakter yang tidak ada dalam himpunan karakter 0-9a-zA-Z. Anda dapat menemukan encoder URL di Dokumentasi Visualisasi Google.

Sintaksis

chdl=<data_series_1_label>|...|<data_series_n_label>
chdlp=<opt_position>|<opt_label_order>
chdls=<color>,<size>

 

chdl - Teks untuk setiap deret, yang akan ditampilkan di legenda.

<data_series_label>
Teks untuk entri legenda. Setiap label berlaku untuk deret yang sesuai dalam array chd. Gunakan tanda + untuk ruang. Jika Anda tidak menentukan parameter ini, diagram tidak akan mendapatkan legenda. Tidak ada cara untuk menentukan baris baru dalam label. Legenda biasanya akan diperluas untuk menampung teks legenda, dan area diagram akan mengecil untuk mengakomodasi legenda.

chdlp - [Opsional] Posisi legenda, dan urutan entri legenda. Anda dapat menentukan <position> dan/atau <label_order>. Jika Anda menentukan keduanya, pisahkan keduanya dengan karakter batang. Anda dapat menambahkan 's' ke nilai apa pun jika ingin entri legenda kosong di chdl dilewati dalam legenda. Contoh: chdlp=bv, chdlp=r, chdlp=bv|r, chdlp=bvs|r

<opt_position>
[Opsional] Menentukan posisi legenda pada diagram. Untuk menentukan padding tambahan antara legenda dan area diagram atau batas gambar, gunakan parameter chma. Pilih salah satu nilai berikut:
  • b - Legenda di bagian bawah diagram, entri legenda dalam baris horizontal.
  • bv - Legenda di bagian bawah diagram, entri legenda di kolom vertikal.
  • t - Legenda di bagian atas diagram, entri legenda dalam baris horizontal.
  • tv - Legenda di bagian atas diagram, entri legenda di kolom vertikal.
  • r - [Default] Legenda di sebelah kanan diagram, entri legenda di kolom vertikal.
  • l - Legenda di sebelah kiri diagram, entri legenda dalam kolom vertikal.
<opt_label_order>
[Opsional] Urutan label ditampilkan di legenda. Pilih salah satu nilai berikut:
  • l - [Default for vertical legends] Menampilkan label dalam urutan yang diberikan ke chdl.
  • r - Menampilkan label dalam urutan terbalik seperti yang diberikan pada chdl. Hal ini berguna dalam diagram batang bertumpuk untuk menampilkan legenda
    dalam urutan yang sama dengan batang yang muncul.
  • a - [Default untuk legenda horizontal] Pengurutan otomatis: secara kasar berarti mengurutkan menurut panjang, terpendek terlebih dahulu, sebagaimana diukur dalam blok 10 piksel. Jika dua elemen memiliki panjang yang sama (dibagi menjadi 10 blok piksel), elemen yang tercantum pertama akan muncul terlebih dahulu.
  • 0,1,2... - Urutan label khusus. Daftar ini adalah daftar indeks label berbasis nol dari chdl, yang dipisahkan dengan koma.

chdls - [Opsional] Menentukan warna dan ukuran font teks legenda.

<color>
Warna teks legenda, dalam format heksadesimal RRGGBB.
<size>
Ukuran titik teks legenda.

 

Contoh

Deskripsi Contoh

Dua contoh legenda. Tentukan teks legenda dalam urutan yang sama dengan deret data Anda.

Diagram garis merah, biru, dan hijau dengan legenda yang cocok

chdl=NASDAQ|FTSE100|DOW
chco=FF0000,00FF00,0000FF

Diagram Venn dengan dua lingkaran kecil yang diapit oleh lingkaran yang lebih besar


chdl=First|Second|Third
chco=ff0000,00ff00,0000ff

Diagram pertama menunjukkan entri legenda horizontal (chdlp=t, tata letak default adalah horizontal), dan yang kedua menunjukkan entri legenda vertikal bawah (chdlp=bv).

Diagram Venn dengan dua lingkaran kecil yang diapit oleh lingkaran yang lebih besar
chdl=First|Second|Third
chco=ff0000,00ff00,0000ff
chdlp=t

Diagram Venn dengan dua lingkaran kecil yang diapit oleh lingkaran yang lebih besar
chdl=First|Second|Third
chco=ff0000,00ff00,0000ff
chdlp=bv
Contoh ini menunjukkan perubahan ukuran font.

Diagram Venn dengan dua lingkaran kecil yang diapit oleh lingkaran yang lebih besar
chdls=0000CC,14

Kembali ke atas

Margin Diagram chma [Semua diagram]

Anda dapat menentukan ukuran margin diagram, dalam piksel. Margin dihitung ke dalam dari ukuran diagram yang ditentukan (chs); menambah ukuran margin tidak akan meningkatkan total ukuran diagram, tetapi akan memperkecil tampilan area diagram, jika perlu.

Secara default, margin yang tersisa setelah ukuran diagram dihitung. Nilai default ini bervariasi menurut jenis diagram. Margin yang Anda tentukan adalah nilai minimum; jika area diagram menyisakan ruang untuk margin, ukuran marginnya adalah apa pun yang tersisa; Anda tidak dapat menekan margin yang lebih kecil dari yang diperlukan untuk legenda dan label. Berikut adalah diagram yang menunjukkan bagian-bagian dasar diagram:

Margin diagram, area legenda, dan area diagram

Margin diagram berisi label sumbu dan area legend. Area legenda diubah ukurannya secara otomatis agar sesuai dengan teks dengan tepat, kecuali jika Anda menentukan lebar yang lebih besar menggunakan chma. Dengan begitu, ukuran margin akan diperluas lebih lebar sehingga area diagram akan menjadi lebih kecil. Anda tidak dapat memangkas legenda dengan menentukan ukuran yang terlalu kecil, tetapi Anda dapat membuatnya menggunakan lebih banyak ruang daripada yang dibutuhkan.

Tips: Dalam diagram batang, jika batang memiliki ukuran tetap (default), lebar area diagram tidak dapat dikurangi. Anda harus menentukan ukuran batang yang lebih kecil atau dapat diubah menggunakan chbh.

 

Sintaksis

chma=
  <left_margin>,<right_margin>,<top_margin>,<bottom_margin>|<opt_legend_width>,<opt_legend_height>
<left_margin>, <right_margin>, <top_margin>, <bottom_margin>
Ukuran margin minimum di sekeliling area diagram, dalam piksel. Tingkatkan nilai ini untuk menyertakan padding tertentu guna mencegah label sumbu tumpang-tindih dengan batas diagram.
<opt_legend_width>, <opt_legend_height>
[Opsional] Lebar margin di sekitar legenda, dalam piksel. Gunakan metode ini agar legenda tidak tumpang tindih dengan area diagram atau tepi gambar.

 

Contoh

Deskripsi Contoh

Dalam contoh ini, diagram memiliki margin minimum 30 piksel di setiap sisi. Karena lebar legenda diagram lebih dari 30 piksel, margin di sisi kanan disetel sesuai lebar legenda diagram, dan berbeda dari margin lainnya.

Label sumbu berada di luar area plot, sehingga ditempatkan di dalam ruang margin.

Diagram garis dengan latar belakang abu-abu dan margin di setiap sisi.
chma=30,30,30,30

Untuk menambahkan margin di sekitar legenda, tetapkan nilai untuk parameter <opt_legend_width> dan <opt_legend_height>.

Dalam contoh ini, lebar legenda adalah sekitar 60 piksel. Jika Anda menetapkan <opt_legend_width> ke 80 piksel, margin akan diperluas hingga 20 piksel di luar legenda.

Diagram garis dengan latar belakang abu-abu dan margin di setiap sisi.
chma=20,20,20,30|80,20

Kembali ke atas

Gaya dan Label Sumbu [Garis, Batang, Google-o-meter, Radar, Sebar]

Anda dapat menentukan sumbu yang akan ditampilkan pada diagram, dan memberinya label khusus serta posisi, rentang, dan gaya.

Tidak semua diagram menampilkan garis sumbu secara default. Anda dapat menentukan dengan tepat sumbu yang harus ditampilkan diagram menggunakan parameter chxt. Garis sumbu default tidak menampilkan angka; Anda harus menentukan sumbu dalam parameter chxt untuk menampilkan angka.

Anda dapat memilih agar sumbu menampilkan angka yang mencerminkan nilai data, atau Anda dapat menentukan sumbu kustom. Defaultnya adalah menampilkan nilai numerik, dengan nilai yang diskalakan ke rentang 0—100. Namun, Anda dapat mengubah rentang tersebut menggunakan chxr untuk menampilkan rentang apa pun, dan Anda dapat menata gaya nilainya (misalnya, untuk menampilkan simbol mata uang atau tempat desimal) menggunakan chxs.

Jika memilih untuk menggunakan nilai kustom, misalnya: "Sen, Sel, Rab", Anda dapat menggunakan parameter chxl. Untuk menempatkan label ini di lokasi tertentu di sepanjang sumbu, gunakan parameter chxp.

Terakhir, Anda dapat menggunakan parameter chxs dan chxtc untuk menentukan warna, ukuran, perataan, dan properti lainnya dari label sumbu kustom dan numerik.

Catatan tentang nilai string: Hanya karakter yang aman untuk URL yang diizinkan dalam string label. Agar aman, Anda harus mengenkode string apa pun ke dalam URL yang berisi karakter yang tidak ada dalam himpunan karakter 0-9a-zA-Z. Anda dapat menemukan encoder URL di Dokumentasi Visualisasi Google.

Bagian ini membahas topik berikut:

Sumbu Terlihat chxt

Diagram batang, garis, radar, dan sebar menampilkan satu atau dua garis sumbu secara default, tetapi garis ini tidak menyertakan nilai. Untuk menampilkan nilai pada garis sumbu, atau untuk mengubah sumbu yang ditampilkan, Anda harus menggunakan parameter chxt. Secara default, nilai sumbu berkisar dari 0-100, kecuali jika Anda menskalakannya secara eksplisit menggunakan properti chxr. Untuk menyembunyikan semua garis sumbu dalam diagram garis, tentukan :nda setelah nilai jenis diagram dalam parameter cht (contoh: cht=lc:nda).

Secara default, sumbu atas dan bawah tidak menampilkan tanda centang berdasarkan nilai, sedangkan sumbu kiri dan kanan menunjukkannya. Anda dapat mengubah perilaku ini menggunakan parameter chxs.

Sintaksis

chxt=
  <axis_1>
    ,...,
  <axis_n>
<axis>
Sumbu untuk ditampilkan pada diagram. Sumbu yang tersedia adalah:
  • x - Sumbu x bawah
  • t - Sumbu x atas [Tidak didukung oleh Google-o-Meter]
  • y - Sumbu y kiri
  • r - Sumbu y kanan [Tidak didukung oleh Google-o-Meter]

Anda dapat menentukan beberapa sumbu dari jenis yang sama, misalnya: cht=x,x,y. Tindakan ini akan menumpuk dua pasang sumbu x di sepanjang bagian bawah diagram. Hal ini berguna saat menambahkan label khusus di sepanjang sumbu yang menunjukkan nilai numerik (lihat contoh di bawah). Sumbu digambar dari dalam ke luar, jadi jika Anda memiliki x,x, x pertama mengacu pada salinan terdalam, x berikutnya merujuk ke salinan keluar berikutnya, dan seterusnya.

 

Contoh

Deskripsi Contoh

Contoh ini menunjukkan diagram garis dengan sumbu x, sumbu y, sumbu atas (t), dan sumbu kanan (r).

Karena tidak ada label yang ditentukan, diagram secara default memiliki rentang 0 hingga 100 untuk semua sumbu.

Perhatikan bahwa secara default, sumbu atas dan bawah tidak menampilkan tanda centang berdasarkan label.

Bagan garis dengan label: 0, 20, 40, 60, 80, dan 100 di sebelah kiri dan kanan dan label: 0, 25, 50, 75, dan 100 di atas dan di bawah
chxt=x,y,r,t
Anda dapat menyertakan beberapa kumpulan label untuk setiap sumbu dengan menyertakan nilai yang sama lebih dari sekali. Contoh ini menunjukkan dua set sumbu x dan dua set sumbu y. Hal ini tidak terlalu berguna jika hanya menggunakan label sumbu default, seperti yang ditunjukkan di sini. Namun, Anda dapat menentukan label khusus untuk setiap salinan setiap sumbu, menggunakan parameter chxl.

<img <code="" dir="ltr" src="/static/chart/image/images/chart_41.png" title="chxt=x,x,y,y&cht=lc&chd=s:cEAELFJHHHKUju9uuXUc&chco=76A4FB&chls=2.0&chs=200x,y" />, terjemahkan

<img <code="" dir="ltr" src="/static/chart/image/images/chart_42.png" title="chxt=x,x,y,y&cht=lc&chd=s:cEAELFJHHHKUju9uuXUc&chco=76A4FB&chls=2.0&chs=200x125


Contoh ini menunjukkan diagram batang horizontal dengan sumbu x, sumbu y, sumbu t atas, dan sumbu r kanan.

Label sumbu dihilangkan, sehingga Chart API menampilkan rentang 0 hingga 100 untuk sumbu x dan untuk sumbu t.

Rentang untuk sumbu y dan sumbu r ditentukan oleh jumlah batang. Dalam hal ini, ada lima batang, sehingga Chart API menampilkan rentang 0 hingga 4. Label pertama berada di tengah-tengah batang pertama, label kedua dipusatkan di dasar batang kedua, dan seterusnya.

Bagan garis dengan label: 0, 20, 40, 60, 80, dan 100 di sebelah kiri dan kanan dan label: 0, 25, 50, 75, dan 100 di atas dan di bawah
chxt=x,y,r,t
Anda dapat menyembunyikan sumbu default dalam diagram garis dengan menentukan :nda setelah jenis diagram. Diagram garis dengan sumbu tersembunyi
cht=lc:nda

Kembali ke atas

Rentang Sumbu chxr

Anda dapat menentukan rentang nilai yang muncul di setiap sumbu secara terpisah, menggunakan parameter chxr. Perhatikan bahwa tindakan ini tidak mengubah skala elemen diagram, hanya skala label sumbu. Jika Anda ingin membuat angka sumbu menjelaskan nilai data yang sebenarnya, tetapkan <start_val> dan <end_val> masing-masing ke nilai bawah dan atas dari rentang format data Anda. Lihat Penskalaan Sumbu untuk informasi selengkapnya.

Anda harus membuat sumbu terlihat menggunakan parameter chxt jika ingin menentukan rentangnya.

Untuk menentukan nilai sumbu kustom, gunakan parameter chxl.

Sintaksis

Pisahkan beberapa rentang label sumbu menggunakan karakter pipa ( | ).

chxr=
  <axis_index>,<start_val>,<end_val>,<opt_step>
    |...|
  <axis_index>,<start_val>,<end_val>,<opt_step>
<axis_index> yang
Sumbu mana yang akan diberi label. Ini adalah indeks berbasis nol ke dalam array sumbu yang ditentukan oleh chxt. Misalnya, sumbu r akan menjadi 1 di chxt=x,r,y.
<start_val>
Angka yang menentukan nilai rendah untuk sumbu ini.
<end_val>
Angka, yang menentukan nilai tinggi untuk sumbu ini.
<opt_step>
[Opsional] Langkah jumlah di antara titik skala pada sumbu. Tidak ada nilai langkah default; langkah dihitung untuk mencoba menampilkan kumpulan label dengan jarak yang tepat.

 

Contoh

Deskripsi Contoh

Contoh ini menunjukkan sumbu y kiri dan kanan (y dan r) serta satu sumbu x (x).

Setiap sumbu memiliki rentang yang ditentukan. Karena tidak ada label atau posisi yang ditentukan, nilai diambil dari rentang yang diberikan, dan ditempatkan secara merata dalam rentang tersebut. Dalam diagram garis, nilai tersebar merata di sepanjang sumbu x.

Arah sumbu untuk sumbu r (indeks 2) dibalik, karena nilai pertama (1000) lebih besar dari nilai terakhir (0).


chxt=x,y,r
chxr=
  0,0,500|
  1,0,200|
  2,1000,0

Dalam contoh ini, nilai ditentukan untuk sumbu x.

Label sumbu ditempatkan secara merata di sepanjang sumbu. Nilai lima (5) ditetapkan untuk parameter <opt_step>.

Diagram batang dengan 200, 300, dan 400 pada sumbu x chxt=x
chxr=0,10,50,5

Kembali ke atas

Label Sumbu Kustom chxl

Anda dapat menentukan label sumbu string kustom pada sumbu mana pun, menggunakan parameter chxl. Anda dapat menentukan label sebanyak yang diinginkan. Jika Anda menampilkan sumbu (menggunakan parameter chxt) dan tidak menentukan label khusus, label numerik standar akan diterapkan. Untuk menentukan rentang numerik kustom, gunakan chxr parameter.

Untuk menetapkan lokasi tertentu di sepanjang sumbu untuk label Anda, gunakan parameter chxp.

Sintaksis

Tentukan satu set parameter untuk setiap sumbu yang ingin Anda beri label. Pisahkan beberapa kumpulan label menggunakan karakter pipa ( | ).

chxl=
  <axis_index>:|<label_1>|...|<label_n>
    |...|
  <axis_index>:|<label_1>|...|<label_n>
<axis_index> yang
Sumbu mana yang akan diberi label. Ini adalah indeks ke dalam array parameter chxt. Misalnya, jika Anda memiliki chxt=x,x,y,y, indeks 0 akan menjadi sumbu x pertama, dan 1 akan menjadi sumbu x kedua.
<label_1>| ... |<label_n>
Satu atau beberapa label untuk ditempatkan di sepanjang sumbu ini. Nilai ini dapat berupa nilai string atau angka; string tidak perlu dalam tanda kutip. label_1 ditampilkan di posisi terendah pada sumbu, dan label_n ditampilkan di posisi tertinggi. Label tambahan ditempatkan secara merata di antara label tersebut. Tandai spasi dengan tanda +. Tidak ada cara untuk menentukan baris baru dalam label. Pisahkan label dengan karakter pipa. Catatan: Jangan tempatkan pipa setelah label akhir dalam parameter chxl.

 

Contoh

Deskripsi Contoh

Diagram ini menunjukkan cara menambahkan label khusus ke dua sumbu. Perhatikan bagaimana nilai-nilai tersebut berjarak secara merata, dan bagaimana nilai chxl terakhir tidak diakhiri dengan karakter pipa.

 Bagan garis dengan 0 dan 100 di sebelah kiri, A, B, dan C di sebelah kanan, Jan, Juli, Jan, Juli, dan Jan pada sumbu x dan 2005, 2006, dan 2007 di bawah
chxt=x,y
chxl=
0:|Jan|Feb|March|April|May|
1:|Min|Mid|Max

Contoh ini mencakup label sumbu di sumbu y kiri dan kanan (y dan r). Contoh ini juga mencakup dua kumpulan nilai untuk sumbu x (x). Anda dapat mempertimbangkan untuk menambahkan tanda centang pada sumbu y menggunakan chxs.

Bagan garis dengan 0 dan 100 di sebelah kiri, A, B, dan C di sebelah kanan, Jan, Juli, Jan, Juli, dan Jan pada sumbu x dan 2005, 2006, dan 2007 di bawah
chxt=x,y,r,x
chxl=
0:|Jan|July|Jan|July|Jan|
1:|0|50|100|
2:|A|B|C|
3:|2005|2006|2007

Contoh ini mencakup label sumbu di sumbu y kiri dan kanan (y dan r). Contoh ini juga mencakup dua kumpulan nilai untuk sumbu x (x). Perhatikan label kosong untuk kumpulan sumbu x bawah, yang digunakan untuk memberi jarak nilai.

Contoh ini menggunakan nilai default untuk label sumbu di sumbu y sebelah kiri.

Diagram batang dengan 0 dan 100 di sebelah kiri, A, B, dan C di sebelah kanan, Jan, Juli,Jan, Juli, dan Jan pada sumbu x dan 2005, 2006, dan 2007 di bawah
chxt=x,y,r,x
chxl=
0:|Jan|July|Jan|July|Jan|
2:|A|B|C|
3:|2005||2006||2007

Jika Anda ingin menambahkan label umum untuk mendeskripsikan keseluruhan sumbu (misalnya, untuk memberi label pada satu sumbu "biaya" dan "siswa" lainnya"), gunakan properti chxt untuk menambahkan sumbu tambahan di setiap sisi, lalu gunakan chxl untuk menambahkan satu label khusus ke setiap sisi, dan chxp untuk memberinya spasi di tengah sumbu.
chxt=x,x,y,y
chxl=1:|Martinis|3:|Score
chxp=1,50|3,50

Kembali ke atas

Posisi Label Sumbu chxp

Anda dapat menentukan label sumbu yang akan ditampilkan, baik menggunakan label default maupun label khusus yang ditentukan menggunakan chxl. Jika Anda tidak menentukan posisi yang tepat menggunakan parameter ini, label akan ditempatkan secara merata dan pada nilai langkah default di sepanjang sumbu. Jika Anda tidak menentukan chxl, label tanda centang akan menjadi nilai default (biasanya nilai data, atau angka batang dalam diagram batang).

Sintaksis

Pisahkan beberapa set pemosisian menggunakan karakter pipa (|).

chxp=
  <axis_1_index>,<label_1_position>,...,<label_n_position>
    |...|
  <axis_m_index>,<label_1_position>,...,<label_n_position>
<axis_index> yang
Sumbu yang Anda tentukan posisinya. Ini adalah indeks ke dalam array parameter chxt. Misalnya, jika Anda memiliki chxt=x,x,y,y, indeks 0 akan menjadi sumbu x pertama, 1 akan menjadi sumbu x kedua, dan seterusnya.
<label_1_position>,...,<label_n_position>
Posisi label di sepanjang sumbu. Ini adalah daftar nilai numerik yang dipisahkan koma, dengan setiap nilai menetapkan posisi label yang sesuai dalam array chxl: entri pertama berlaku untuk label pertama, dan seterusnya. Posisi adalah nilai dalam rentang untuk sumbu tersebut. Perhatikan bahwa nilainya akan selalu 0—100 kecuali jika Anda telah menentukan rentang kustom menggunakan chxr. Posisi harus sebanyak yang Anda miliki label untuk sumbu tersebut.

 

Contoh

Deskripsi Contoh

Contoh ini menyertakan label sumbu r di posisi yang ditentukan pada diagram. Teks label ditentukan menggunakan parameter chxl.

Label dengan posisi 0 yang ditentukan ditempatkan di bagian bawah sumbu y atau r, atau di sebelah kiri sumbu x atau t.

Label dengan posisi 100 yang ditentukan ditempatkan di bagian atas sumbu y atau r, atau di sebelah kanan sumbu x atau t.

Line chart with min, average, and max on the right, 20, 40, 60, 80, and 100 on the left, and 0, 25, 50, 75, and 100 along the x-axis
chxt=x,y,r
chxl=2:|min|average|max
chxp=2,10,35,75

Contoh ini menunjukkan nilai label default, tetapi hanya pada lokasi yang ditentukan.

chxp=1,10,35,75 - Sumbu y hanya akan menampilkan tiga label: 10, 35, dan 75. Karena tidak ada teks label khusus yang ditentukan, nilai sumbu ini ditampilkan. Perhatikan bahwa Anda tidak perlu memberi label spasi secara merata saat menggunakan chxp. Jika chxp belum ditentukan di sini, jarak nilai label default pada sumbu y adalah setiap 20 unit, seperti yang ditunjukkan pada grafik kedua.

 Line chart with 10, 35, and 75 on the left, and 0, 25, 50, 75, and 100 along the x-axis
chxt=x,y
chxp=1,10,35,75
Diagram garis dengan posisi sumbu default.
chxt=x,y
chxp tidak ditetapkan

Kembali ke atas

Gaya Label Sumbu chxs

Anda dapat menentukan ukuran font, warna, dan perataan untuk label sumbu, baik label khusus maupun nilai label default. Semua label pada sumbu yang sama memiliki format yang sama. Jika memiliki beberapa salinan sumbu, Anda dapat memformat masing-masing sumbu secara berbeda. Anda juga dapat menentukan format string label, misalnya untuk menampilkan simbol mata uang atau angka nol di akhir.

Secara default, sumbu atas dan bawah tidak menampilkan tanda centang berdasarkan nilai, sedangkan sumbu kiri dan kanan menunjukkannya.

Sintaksis

Nilai untuk beberapa sumbu harus dipisahkan menggunakan karakter pipa (|).

chxs=
 <axis_index><opt_format_string>,<opt_label_color>,<opt_font_size>,<opt_alignment>,<opt_axis_or_tick>,<opt_tick_color>,<opt_axis_color>
   |...|
 <axis_index><opt_format_string>,<opt_label_color>,<opt_font_size>,<opt_alignment>,<opt_axis_or_tick>,<opt_tick_color>,<opt_axis_color>
<axis_index>
Sumbu tempat hal ini berlaku. Ini adalah indeks berbasis nol ke dalam parameter chxt.
<opt_format_string>
[Opsional] Ini adalah string format opsional yang, jika digunakan, mengikuti tepat setelah nomor indeks sumbu tanpa koma intervensi. String diawali dengan huruf N literal, diikuti dengan nilai berikut, semuanya opsional: Sintaksis string pemformatan adalah sebagai berikut:
       N<preceding_text>*<number_type><decimal_places>zs<x or y>*<following_text>
Berikut arti setiap elemen:
  • <preceding_text> - Teks literal untuk mendahului setiap nilai.
  • *...* - Blok opsional yang digabungkan dengan tanda bintang literal, tempat Anda dapat menentukan detail pemformatan untuk angka. Nilai-nilai berikut didukung, dan semuanya bersifat opsional:
    • <number_type> - Format angka, untuk nilai numerik. Pilih salah satu opsi berikut:
      • f - [Default] Format floating point. Pertimbangkan juga untuk menentukan presisi menggunakan nilai <decimal_places>.
      • p - Format persentase. Tanda % ditambahkan secara otomatis. Catatan: Saat menggunakan format ini, nilai data dari peta 0,0 — 1,0 hingga 0 — 100% (misalnya, 0,43 akan ditampilkan sebagai 43%).
      • e - Format notasi ilmiah.
      • c<CUR> - Memformat angka dalam mata uang yang ditentukan, dengan penanda mata uang yang sesuai. Ganti <CUR> dengan kode mata uang tiga huruf. Contoh: cEUR untuk Euro. Anda dapat menemukan daftar kode di situs ISO, meskipun tidak semua simbol didukung.
    • <decimal_places> - Bilangan bulat yang menentukan berapa banyak tempat desimal yang akan ditampilkan. Nilai dibulatkan (tidak terpotong) sesuai panjang ini. Nilai defaultnya adalah 2.
    • z - Menampilkan angka nol di belakang. Defaultnya adalah tidak.
    • s - Pemisah grup display. Defaultnya adalah tidak.
    • x atau y -Menampilkan data dari koordinat x atau y, seperti yang ditentukan. Arti data x bervariasi menurut jenis diagram: lakukan eksperimen dengan diagram Anda untuk menentukan artinya. Nilai defaultnya adalah 'y'.
  • <following_text> - Teks literal untuk mengikuti setiap nilai.
<opt_label_color>
Warna yang akan diterapkan ke teks sumbu (tetapi bukan garis sumbu), dalam format heksadesimal RRGGBB. Warna garis sumbu ditentukan secara terpisah menggunakan opt_axis_color. Nilai defaultnya adalah abu-abu.
<opt_font_size>
[Opsional] menentukan ukuran font dalam piksel. Parameter ini bersifat opsional.
<opt_alignment>
[Opsional] Penyelarasan label. Untuk sumbu atas atau bawah, hal ini menjelaskan bagaimana label disejajarkan dengan tanda centang di atas atau di bawahnya; untuk sumbu kiri atau kanan, hal ini menjelaskan bagaimana sejajar di dalam kotak pembatasnya, yang menyentuh sumbu. Tentukan salah satu angka berikut:
  • -1 - Atas atau bawah: label berada di sebelah kanan titik skala; Kiri atau kanan: label rata kiri di areanya. Default untuk label sumbu r.
  • 0 - Atas atau bawah: label dipusatkan di titik skala; Kiri atau kanan: label dipusatkan di areanya. Default untuk label sumbu x dan t.
  • 1 - Atas atau bawah: label berada di sebelah kiri titik skala; Kiri atau kanan: label diratakan kanan di areanya. Default untuk label sumbu y.
<opt_axis_or_tick>
[Opsional; tidak didukung di Google o-meter] Apakah akan menampilkan tanda centang dan/atau garis sumbu untuk sumbu ini. Tanda centang dan garis sumbu hanya tersedia untuk sumbu terdalam (misalnya, sumbu tersebut tidak didukung untuk bagian luar dua sumbu x). Gunakan salah satu nilai berikut:
  • l (huruf kecil 'L') - Menggambar garis sumbu saja.
  • t - Hanya gambar tanda centang. Tanda centang adalah garis kecil di samping label sumbu.
  • lt - [Default] Gambar garis sumbu dan tanda centang untuk semua label.
  • _ - (Garis bawah) Gambar bukan garis sumbu atau tanda centang. Jika Anda ingin menyembunyikan garis sumbu, gunakan nilai ini.
<tick_color>
[Opsional; tidak didukung di Google o-meter] Warna tanda centang, dalam format heksadesimal RRGGBB. Nilai defaultnya adalah abu-abu.
<opt_axis_color>
[Opsional] Warna garis sumbu ini, dalam format heksadesimal RRGGBB. Nilai defaultnya adalah abu-abu.

 

Contoh

Deskripsi Contoh

Ukuran dan warna font ditentukan untuk sumbu x kedua (Jan, Feb, Mar).

Diagram garis dengan nilai minimum, rata-rata, dan maksimal di sebelah kiri, 0, 1, 2, 3, dan 4 di sebelah kanan, 0 hingga 100 di sepanjang sumbu x dan Jan, Feb, dan Mar dalam warna biru di bawah

chxt=x,y,r,x
chxr=2,0,4
chxl=3:|Jan|Feb|Mar|
     1:|min|average|max
chxp=1,10,35,75
chxs=3,0000DD,13,0,t

Ukuran, warna, dan perataan {i>font<i} ditentukan untuk sumbu y di sebelah kanan. Tanda centang, tetapi tidak ada garis sumbu, digambar.

Diagram garis dengan 0 hingga 100 di sepanjang sumbu x, Jan, Feb, Mar di bawah, 0 hingga 4 pada sumbu y, dan tanda centang merah dengan teks biru untuk min, rata-rata, dan maks di sebelah kanan.

chxt=x,y,r,x
chxl=3:|Jan|Feb|Mar|
     2:|min|average|max
chxp=2,10,35,95
chxs=2,0000DD,13,-1,t,FF0000

Diagram ini mencakup tiga set data, dan menampilkan tiga set label sumbu, satu per rangkaian. Setiap kumpulan label diformat menggunakan string pemformatan kustom, seperti yang dijelaskan di sini:

  • 0N*e,000000|
    • 0 berarti deret data pertama
    • N berarti string pemformatan
    • * berarti awal penentu format
    • e berarti notasi ilmiah
    • * berarti akhir penentu format
    • 000000 berarti teks hitam.
  • 1N*cUSD*Mil,FF0000|
    • 1 berarti rangkaian kedua
    • N berarti string pemformatan
    • * berarti awal penentu format
    • c berarti penanda mata uang
    • USD menentukan dolar AS sebagai penanda mata uang yang akan digunakan
    • * berarti akhir dari penentu format
    • Mil adalah string berikut literal
    • FF0000 berarti teks merah.
  • 2N*sz2*,0000FF
    • 2 berarti seri ketiga
    • N berarti string pemformatan
    • * berarti awal penentu format
    • s berarti menampilkan penentu pengelompokan (dalam lokalitas bahasa Inggris AS, yaitu koma setiap tiga angka nol)
    • z2 berarti menampilkan dua angka nol di belakang
    • 0000FF berarti teks biru.

Rentang label sumbu ditetapkan menggunakan parameter chxr (axis_index, start, end, step). Jika tidak disetel, nilainya akan menjadi 0—100 secara default.
chd=s:
  984sttvuvkQIBLKNCAIi,
  DEJPgq0uov17zwopQODS,
  AFLPTXaflptx159gsDrn
chxr=
  0,0,1000000,250000|
  1,0,60|
  2,0,5000
chxs=
  0N*e,000000|
  1N*cUSD*Mil,FF0000|
  2N*sz2*,0000FF

Kembali ke atas

Gaya Tanda Centang Sumbu chxtc

Anda dapat menentukan tanda centang panjang untuk sumbu tertentu. Biasanya hal ini digunakan untuk memperluas tanda centang di sepanjang diagram. Gunakan parameter chxs untuk mengubah warna tanda centang.

Nilai untuk beberapa sumbu harus dipisahkan menggunakan karakter pipa (|). Nilai-nilai dalam suatu deret harus dipisahkan dengan koma.

Sintaksis

chxtc=
  <axis_index_1>,<tick_length_1>,...,<tick_length_n>
    |...|
  <axis_index_m>,<tick_length_1>,...,<tick_length_n>
<axis_index>
Sumbu tempat hal ini berlaku. Ini adalah indeks berbasis nol ke dalam parameter chxt. Pisahkan nilai untuk sumbu yang berbeda menggunakan pemisah batang.
<tick_length_1>,...,<tick_length_n>
Panjang tanda centang pada sumbu tersebut, dalam piksel. Jika satu nilai diberikan, nilai tersebut akan diterapkan ke semua nilai; jika lebih dari satu nilai diberikan, tanda centang sumbu akan disikluskan pada daftar nilai untuk sumbu tersebut. Nilai positif digambar di luar area diagram dan dipangkas oleh batas diagram. Nilai positif maksimum adalah 25. Nilai negatif digambar di dalam area diagram dan dipangkas oleh batas area diagram.

 

Contoh

Deskripsi Contoh

Contoh penggunaan chxtc untuk membuat tanda centang merah yang panjang. Panjang tanda centang di sini melebihi lebar area diagram, tetapi dipangkas agar pas dengan diagram.

  • chxt=x,y,r,x - Menampilkan satu sumbu kiri, satu sumbu kanan, dan dua sumbu bawah.
  • chxl=2:|min|average|max|3:|Jan|Feb|Mar - Teks label yang ditetapkan ke 'r' (sisi kanan) dan sumbu x luar.
  • chxp=2,10,35,95 - Posisi label khusus di sepanjang sumbu r (indeks=2) untuk tiga label.
  • chxs=2,0000dd,13,-1,t,FF0000 - Gaya label sumbu untuk sumbu r: warna teks, ukuran teks, rata kiri, dengan tanda centang merah.
  • chxtc=1,10|2,-180 - Panjang titik skala sumbu untuk sumbu y dan r. Nilai pertama menentukan titik skala 10 piksel, di luar sumbu. Nilai kedua menentukan tick sepanjang 180 piksel di dalam sumbu; angka negatif berarti tick masuk ke dalam sumbu, dan tick dipangkas agar pas di dalam diagram.

Diagram garis dengan 0 hingga 100 di sepanjang sumbu x, Jan, Feb, Mar di bawah, 0 hingga 4 pada sumbu y, dan tanda centang merah panjang dengan teks biru untuk min, rata-rata, dan maksimal di sebelah kanan.

chxt=x,y,r,x
chxl=
  2:|min|average|max|
  3:|Jan|Feb|Mar
chxp=2,10,35,95
chxs=
  2,0000dd,13,-1,t,FF0000
chxtc=1,10|2,-180
Diagram ini menunjukkan panjang titik skala yang bergantian. chxtc menentukan dua nilai tick length untuk sumbu y (5 dan 15), dan tick yang digambar pada diagram berselang-seling di antara kedua nilai tersebut.
chxt=x,y
chxtc=
  1,5,15

Kembali ke atas

Gaya Garis chls [Garis, Radar]

Anda dapat menentukan ketebalan garis dan gaya solid/putus-putus dengan parameter chls. Parameter ini hanya dapat digunakan untuk menata gaya garis dalam diagram garis atau radar; Anda tidak dapat menggunakannya untuk menata gaya garis di garis diagram gabungan, kecuali jika jenis dasar diagram gabungan adalah diagram garis.

Sintaksis

Pisahkan beberapa gaya garis dengan karakter pipa ( | ); gaya pertama berlaku untuk baris pertama, kedua ke baris berikutnya, dan seterusnya. Jika Anda memiliki lebih sedikit gaya daripada garis, gaya default akan diterapkan ke semua garis yang tidak ditetapkan.

chls=
  <line_1_thickness>,<opt_dash_length>,<opt_space_length>
    |...|
  <line_n_thickness>,<opt_dash_length>,<opt_space_length>
<line_1_thickness>
Ketebalan garis, dalam piksel.
<opt_dash_length>, <opt_space_length>
[Opsional] Digunakan untuk menentukan garis petak putus-putus. Parameter pertama adalah panjang setiap garis putus-putus, dalam piksel. Parameter kedua adalah spasi di antara tanda hubung, dalam piksel. Untuk garis solid, tentukan nilai apa pun. Jika Anda hanya menentukan <opt_dash_length>, maka <opt_space_length> akan ditetapkan ke <opt_dash_length>. Default adalah 1,0 (garis solid).

 

Contoh

Deskripsi Contoh

Di sini garis putus-putus ditentukan oleh 3,6,3 dan garis solid yang lebih tebal ditentukan oleh 5.

 Diagram garis dengan satu garis utuh dan satu garis putus-putus
chls=3,6,3|5

Kembali ke atas

Pengisian Latar Belakang chf [Semua diagram]

Anda dapat menentukan warna dan gaya isian untuk area data diagram dan/atau seluruh latar belakang diagram. Jenis isian meliputi isian solid, isian bergaris, dan gradien. Anda dapat menentukan isian yang berbeda untuk area yang berbeda (misalnya, seluruh area diagram, atau hanya area data). Isi area diagram akan menimpa isian latar belakang. Semua isian ditentukan menggunakan parameter chf, dan Anda dapat menggabungkan berbagai jenis isian (solid, garis, gradien) dalam diagram yang sama dengan memisahkan nilai menggunakan karakter pipa ( | ). Area diagram mengisi menimpa isian latar belakang diagram.

Solid Fills chf [Semua Diagram]

Anda dapat menentukan isian solid untuk latar belakang dan/atau area diagram, atau menetapkan nilai transparansi ke seluruh diagram. Anda dapat menentukan beberapa isian menggunakan karakter pipa (|). (Maps: hanya latar belakang).

Sintaksis

chf=<fill_type>,s,<color>|...
<fill_type>
Bagian diagram yang diisi. Tentukan salah satu nilai berikut:
  • bg - Isi latar belakang
  • c - Isi area diagram. Tidak didukung untuk diagram peta.
  • a - Membuat seluruh diagram (termasuk latar belakang) transparan. Enam digit pertama <color> diabaikan, dan hanya dua digit terakhir (nilai transparansi) yang diterapkan ke seluruh diagram dan semua isian.
  • b<index> - Isian padat batang (hanya diagram batang). Ganti <index> dengan indeks deret batang untuk diisi dengan warna solid. Efeknya mirip dengan menentukan chco pada diagram batang. Lihat Warna Seri Diagram Batang untuk mengetahui contohnya.
d
Menunjukkan isian solid atau transparansi.
<color>
Warna pengisi, dalam format heksadesimal RRGGBB. Untuk transparansi, enam digit pertama diabaikan, tetapi tetap harus disertakan.

 

Contoh

Deskripsi Contoh

Contoh ini mengisi latar belakang diagram dengan abu-abu pucat (EFEFEF).

Diagram garis merah dengan isian area hitam.

chf=bg,s,EFEFEF

Contoh ini mengisi latar belakang diagram dengan abu-abu pucat (EFEFEF) dan mengisi area diagram dengan warna hitam (000000).

Diagram garis merah dengan area diagram hitam dan latar belakang abu-abu pucat.

chf=c,s,000000|
bg,s,EFEFEF
Contoh ini menerapkan transparansi 50% ke seluruh diagram (80 dalam heksadesimal adalah 128, atau sekitar 50% transparansi). Perhatikan latar belakang sel tabel yang ditampilkan di diagram.

Scatter plot dengan titik-titik berwarna biru, dan transparansi 50%.

chf=a,s,00000080

Kembali ke atas

Isi Gradien chf [Garis, Batang, Google-o-meter, Radar, Sebar,Venn]

Anda dapat menerapkan satu atau beberapa isian gradien ke area atau latar belakang diagram. Isi gradien memudar dari satu warna ke warna lain. (Pai, diagram o-meter Google: hanya latar belakang.)

Setiap isian gradien menentukan sudut, lalu dua atau lebih warna yang ditambatkan ke lokasi yang ditetapkan. Warnanya bervariasi saat berpindah dari satu anchor ke anchor lainnya. Anda harus memiliki minimal dua warna dengan nilai <color_centerpoint> yang berbeda, sehingga salah satunya dapat memudar dengan warna lainnya. Setiap gradien tambahan ditentukan oleh pasangan <color>,<color_centerpoint>.

Sintaksis

chf=<fill_type>,lg,<angle>,<color_1>,<color_centerpoint_1>
    ,...,
  <color_n>,<color_centerpoint_n>
<fill_type>
Area diagram yang akan diisi. Salah satu dari kolom berikut:
  • bg - Isi latar belakang
  • c - Isi area diagram.
  • b<index> - Isi gradien batang (khusus diagram batang). Ganti <index> dengan indeks deret batang untuk diisi dengan gradien. Lihat Warna Seri Diagram Batang untuk mengetahui contohnya.
lg
Menentukan isian gradien.
<sudut>
Angka yang menentukan sudut gradien dari 0 (horizontal) hingga 90 (vertikal).
<color>
Warna pengisi, dalam format heksadesimal RRGGBB.
<color_centerpoint>
Menentukan titik link untuk warna. Warna akan mulai memudar dari titik ini saat mendekati anchor lainnya. Rentang nilainya mulai dari 0,0 (tepi bawah atau kiri) hingga 1,0 (tepi atas atau kanan), dimiringkan pada sudut yang ditentukan oleh <angle>.

 

Contoh

Deskripsi Contoh

Area diagram memiliki gradien linier horizontal, yang ditentukan dengan sudut nol derajat (0).

Warnanya jingga pucat (FFE7C6), berpusat di sisi kiri (posisi 0.0), dan biru (76A4FB) yang berpusat di sisi kanan (posisi 1.0).

Latar belakang diagram digambar dengan warna abu-abu (EFEFEF).

Diagram garis abu-abu tua dengan latar belakang abu-abu pucat dan area diagram dalam gradasi linier putih ke biru dari kiri ke kanan

chf=
  c,lg,0,
  FFE7C6,0,(persik)
  76A4FB,1 (biru)

Area diagram memiliki gradien linier diagonal (kiri bawah ke kanan atas), yang ditetapkan dengan sudut empat puluh lima derajat (45).

Persik (FFE7C6) adalah warna pertama yang ditentukan. Bagian kiri bawah diagram menampilkan warna jingga pucat.

Biru (6A4FB) adalah warna kedua yang ditentukan. Bagian kanan atas diagram berwarna biru murni. Perhatikan cara kami menentukan offset sebesar 0,75, untuk memberikan puncak biru yang memudar ke arah sudut kanan atas.

Latar belakang diagram digambar dengan warna abu-abu (EFEFEF).

Diagram garis abu-abu tua dengan latar belakang abu-abu pucat dan area diagram dalam gradien linier diagonal putih ke biru dari kiri bawah ke kanan atas

chf=
  c,lg,45,
  FFE7C6,0, (persik)
  76A4FB,0.75 (biru)

Area diagram memiliki gradien linier vertikal (atas ke bawah), yang ditentukan dengan sudut sembilan puluh derajat (90).

Biru (76A4FB) adalah warna pertama yang ditentukan. Bagian atas diagram berwarna biru murni.

Persik (FFE7C6) adalah warna kedua yang ditentukan. Bagian bawah diagram berwarna jingga pucat.

Latar belakang diagram digambar dengan warna abu-abu (EFEFEF).

Diagram garis abu-abu tua dengan latar belakang abu-abu pucat dan area diagram dalam gradasi linear vertikal putih ke biru dari bawah ke atas

chf=
  c,lg,90,
  FFE7C6,0, (persik)
  76A4FB,0.5 (biru)

Kembali ke atas

 

Isi bergaris chf [Line, Bar, Google-o-meter, Radar, Scatter, Venn]

Anda dapat menentukan isian latar belakang bergaris untuk area diagram Anda, atau seluruh diagram. (Pai, diagram o-meter Google: hanya latar belakang.)

Sintaksis

chf=
  <fill_type>,ls,<angle>,<color_1>,<width_1>
    ,...,
  <color_n>,<width_n>
<fill_type>
Area diagram yang akan diisi. Salah satu dari kolom berikut:
  • bg - Isi latar belakang
  • c - Isi area diagram
  • b<index> - Isi bergaris batang (khusus diagram batang). Ganti <index> dengan indeks deret batang untuk diisi dengan garis. Lihat Warna Seri Diagram Batang untuk mengetahui contohnya.
ls
Menentukan isian garis linear.
<sudut>
Sudut semua garis, relatif terhadap sumbu y. Gunakan 0 untuk garis vertikal atau 90 untuk garis horizontal.
<color>
Warna untuk garis ini, dalam format heksadesimal RRGGBB. Ulangi <color> dan <width> untuk setiap garis tambahan. Anda harus memiliki setidaknya dua garis. Stripe akan bergantian hingga diagram diisi.
<width>
Lebar garis ini, dari 0 hingga 1, dengan 1 adalah lebar penuh diagram. Garis diulang sampai diagram terisi. Ulangi <color> dan <width> untuk setiap garis tambahan. Anda harus memiliki setidaknya dua garis. Stripe akan bergantian hingga diagram diisi.

 

Contoh

Deskripsi Contoh
  • bg,ls,0 - Isi garis latar belakang dengan garis pada sudut nol derajat terhadap sumbu y (sejajar dengan sumbu y). Garis-garis mengisi latar belakang diagram serta area plot.
  • CCCCCC,0.15 - Garis pertama berwarna abu-abu tua, selebar 15% dari diagram.
  • FFFFFF,0.1 - Garis kedua berwarna putih, selebar 10% dari diagram.
 Diagram garis biru dengan garis abu-abu dan putih berselang-seling dari kiri ke kanan
chf=
  bg,ls,0,
  CCCCCC,0.15,
  FFFFFF,0.1
  • c,ls,90 - Area diagram dengan garis horizontal pada sudut sembilan puluh derajat dari sumbu y. Garis-garis mengisi area plot, tetapi latar belakang diagram dihilangkan.
  • 999999,0.25 - Garis pertama berwarna abu-abu tua, selebar 25% dari diagram.
  • CCCCCC,0.25 - Sama seperti garis pertama, tetapi abu-abu muda.
  • FFFFFF,0.25 - Sama seperti garis pertama, tetapi putih.
 Diagram garis biru dengan garis abu-abu tua, abu-abu pucat, putih dan abu-abu tua dari bawah ke atas
chf=
  c,ls,90,
  999999,0.25,
  CCCCCC,0.25,
  FFFFFF,0.25

Kembali ke atas