Dokumen ini menjelaskan cara membuat diagram jenis dial yang disebut diagram Google meter.
Daftar Isi
Fitur Khusus Diagram
|
Fitur Standar
|
Ringkasan
O-meter Google adalah pengukur yang menunjuk ke satu nilai pada rentang.
Rentang tersebut memiliki gradasi warna yang dapat Anda tentukan secara opsional. Anda juga dapat menetapkan teks kustom di atas pointer. Rentang dial berasal dari nilai minimum format data
ke nilai maksimum. Tentukan satu nilai data dalam parameter chd
untuk yang ditunjuk
panah.
Anda dapat menentukan beberapa panah pada diagram yang sama, dan menata gaya isi panah serta ukuran titik secara berbeda pada setiap panah. 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 ke panah yang berbeda, kelompokkan semua panah dengan gaya yang sama ke dalam rangkaian yang sama.
Tentukan diagram Google-O-Meter dengan sintaksis berikut:
Sintaksis
cht=gom
Contoh
Deskripsi | Contoh |
---|---|
Ini mendemonstrasikan penggunaan |
|
Anda dapat menentukan beberapa panah dengan beberapa titik data. | chd=t:20,40,60 |
Untuk menerapkan gaya ke panah, gunakan parameter
Mari kita periksa nilai
|
chd=t:20,40|60 |
Warna Seri chco
Anda juga dapat menentukan warna tombol menggunakan parameter chco
.
Jika tidak ditentukan, gradien default akan digunakan.
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 warna terakhir sebelah kiri di sebelah kanan.
Deskripsi | Contoh |
---|---|
Diagram ini menunjukkan gradien sederhana, dari putih (FFFFFF) ke hitam (000000) | chco=FFFFFF,000000 |
Diagram ini menunjukkan beberapa warna yang ditetapkan ke tombol. | chco=FF0000,FF8040,FFFF00, |
Label Google meter chl
Anda dapat secara opsional menentukan label kustom untuk ditampilkan di atas panah.
Catatan tentang Nilai String: Hanya
karakter aman untuk URL yang diizinkan dalam string label. Agar aman, Anda harus mengenkode URL apa pun string yang berisi karakter yang bukan 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 pengukur Google dengan label. |
|
Fitur Standar
Fitur lainnya di halaman ini adalah fitur diagram standar.
Tentukan warna menggunakan string 6 karakter nilai heksadesimal, serta dua nilai transparansi opsional, dalam format RRGGBB[AA]
.
Contoh:
FF0000
= Merah00FF00
= Hijau0000FF
= Biru000000
= HitamFFFFFF
= Putih
AA
adalah nilai transparansi opsional, dengan 00
sepenuhnya transparan dan FF
benar-benar buram. Contoh:
0000FFFF
= Biru tidak berkedip0000FF66
= Biru transparan
Judul Diagram chtt
, chts
[Semua
diagram]
Anda dapat menentukan teks judul, warna, dan ukuran {i>font<i} untuk bagan Anda.
Sintaksis
chtt=<chart_title> chts=<color>,<font_size>,<opt_alignment>
chtt
- Menentukan judul diagram.
- <chart_title>
- Judul yang ditampilkan untuk diagram. Anda tidak dapat menentukan tempat munculnya, tetapi Anda dapat secara opsional menentukan ukuran dan warna font. Gunakan tanda + untuk menunjukkan spasi,
dan karakter pipa (
|
) untuk menunjukkan jeda 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). Defaultnya adalah "c".
Contoh
Deskripsi | Contoh |
---|---|
Bagan dengan judul, menggunakan warna dan ukuran {i>font<i} {i>default<i}. Tentukan spasi dengan tanda plus ( Gunakan karakter pipa (
|
chtt=Site+visitors+by+month| |
Diagram dengan judul 20 poin berwarna biru, rata kanan. |
chtt=Site+visitors |
Teks dan Gaya Legenda Diagram chdl
, chdlp
, chdls
[Semua
diagram]
Legenda adalah bagian sisi diagram yang memberikan deskripsi teks kecil dari setiap seri. Anda dapat menentukan teks yang terkait dengan masing-masing seri dalam legenda ini, dan menentukan letak teks tersebut pada diagram.
Lihat juga chma
, untuk mempelajari cara mengatur margin di sekitar legenda.
Catatan tentang nilai
string: Hanya
karakter aman untuk URL yang diizinkan dalam string label. Agar aman, Anda harus mengenkode URL apa pun string yang berisi karakter yang bukan 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 dalam 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. Jeda baris tidak dapat ditentukan dalam label. Keterangan biasanya akan diperluas untuk menampung teks legenda, dan area diagram akan menyusut untuk mengakomodasi legenda.
chdlp
- [Opsional] Posisi legenda, dan urutan entri legenda. Anda dapat menentukan <position>
dan/atau <label_order>. Jika Anda menentukan keduanya, pisahkan dengan karakter
batang. Anda dapat menambahkan 's' ke nilai mana pun jika ingin entri legenda kosong dalam 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 di baris horizontal.bv
- Legenda di bagian bawah diagram, entri legenda di kolom vertikal.t
- Legenda di bagian atas diagram, entri legenda di 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 di kolom vertikal.
- <opt_label_order>
- [Opsional]
Urutan label yang ditampilkan dalam legenda.
Pilih salah satu nilai berikut:
l
- [Default untuk legenda vertikal] Menampilkan label dalam urutan yang diberikan kechdl
.r
- Menampilkan label dalam urutan terbalik seperti yang diberikan kepadachdl
. 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: kira-kira berarti mengurutkan berdasarkan panjang, terpendek dulu, seperti yang 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. Ini adalah daftar indeks label berbasis nol darichdl
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 seperti rangkaian data Anda. |
chdl=NASDAQ|FTSE100|DOW
chdl=First|Second|Third |
Diagram pertama menunjukkan entri legenda horizontal ( |
|
Contoh ini menunjukkan perubahan ukuran font. |
|
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 memperbesar total ukuran diagram, tetapi akan mengurangi area diagram,
jika perlu.
Margin secara {i>default<i} adalah apa pun yang tersisa setelah ukuran diagram dihitung. Nilai default ini bervariasi menurut jenis diagram. Margin yang Anda tentukan adalah nilai minimum; jika area diagram memberikan ruang untuk margin, ukuran margin akan menjadi apa pun yang tersisa; Anda tidak dapat menekan margin lebih kecil dari yang diperlukan untuk legenda dan label. Berikut adalah diagram yang menunjukkan bagian dasar diagram:
Margin diagram mencakup label sumbu dan area
legenda. Area legenda
akan diubah ukurannya secara otomatis agar pas dengan teks, kecuali jika Anda menentukan lebar
yang lebih besar menggunakan Tips: Di diagram batang, jika batang tersebut memiliki ukuran tetap (default), lebar area diagram tidak dapat dikurangi. Anda harus menentukan ukuran batang yang lebih kecil atau dapat diubah ukurannya menggunakan |
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 sekitar area diagram, dalam piksel. Tingkatkan nilai ini untuk menyertakan beberapa padding agar label sumbu tidak menabrak batas diagram.
- <opt_legend_width>, <opt_legend_height>
- [Opsional] Lebar margin di sekitar legenda, dalam piksel. Gunakan cara ini agar legenda tidak menempel di 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 ditetapkan sesuai lebar legenda diagram, dan berbeda dengan margin lainnya. Label sumbu berada di luar area plot, sehingga digambar di dalam ruang margin. |
|
Untuk menambahkan margin di sekitar legenda, tetapkan nilai untuk parameter Dalam contoh ini, lebar legenda adalah sekitar 60 piksel. Jika Anda menetapkan |
|
Gaya dan Label Sumbu [Garis, Batang, Pengukuran Google, Radar, Sebar]
Anda dapat menentukan sumbu yang akan ditampilkan pada diagram, dan memberinya label serta posisi, rentang, dan gaya khusus.
Tidak semua diagram menampilkan garis sumbu secara default. Anda dapat menentukan dengan tepat sumbu mana yang harus ditampilkan di diagram Anda menggunakan parameter chxt
. Garis sumbu default
tidak menampilkan angka; Anda harus menentukan sumbu di parameter chxt
untuk menampilkan angka.
Anda dapat memilih agar sumbu
menampilkan angka yang mencerminkan nilai data, atau 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 dapat menata gaya nilai (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 aman untuk URL yang diizinkan dalam string label. Agar aman, Anda harus mengenkode URL apa pun string yang berisi karakter yang bukan dalam himpunan karakter 0-9a-zA-Z
.
Anda dapat menemukan encoder URL di Dokumentasi
Visualisasi Google.
Bagian ini membahas topik berikut:
- Sumbu yang Terlihat (
chxt
) - Sumbu yang akan ditampilkan. - Rentang sumbu (
chxr
) - Rentang nilai untuk setiap sumbu. - Label Sumbu Kustom (
chxl
) - Nilai kustom untuk ditampilkan pada sumbu. - Posisi label sumbu (
chxp
) - Penempatan label khusus di sepanjang setiap sumbu. - Gaya label sumbu (
chxs
) - Warna, ukuran, perataan, dan pemformatan label sumbu. - Gaya tanda centang sumbu (
chxtc
) - Panjang tanda titik skala untuk sumbu tertentu.
Sumbu yang 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 pada nilai, sedangkan sumbu kiri dan kanan menunjukkannya. Anda dapat mengubah perilaku ini menggunakan parameter chxs
.
Sintaksis
chxt= <axis_1> ,..., <axis_n>
- <axis>
- Sumbu yang akan ditampilkan pada diagram. Sumbu
yang tersedia adalah:
x
- Sumbu x bawaht
- Sumbu x atas [Tidak didukung oleh Google-o-Meter]y
- Sumbu y di sebelah kirir
- Sumbu y di 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 kumpulan 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
bagian dalam ke luar, jadi jika Anda memiliki x,x
,
x pertama merujuk pada salinan terdalam, x berikutnya mengacu pada 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 ditetapkan secara default ke rentang 0 hingga 100 untuk semua sumbu. Perhatikan bahwa secara default, sumbu atas dan bawah tidak menampilkan tanda centang pada label. |
|
Anda dapat menyertakan beberapa kumpulan label untuk setiap sumbu dengan menyertakan
nilai yang sama lebih dari sekali. Contoh ini menunjukkan dua kumpulan sumbu x dan dua kumpulan sumbu y. Hal ini tidak terlalu berguna jika hanya menggunakan label sumbu
default, seperti yang ditampilkan di sini. Namun, Anda dapat menentukan label khusus untuk setiap salinan
dari 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=200x125" <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 %200x125
|
Contoh ini menampilkan 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 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 dasar batang pertama, label kedua berada di tengah-tengah batang kedua, dan seterusnya. |
|
Anda dapat menyembunyikan sumbu default dalam diagram garis dengan menentukan :nda setelah
jenis diagram. |
cht=lc:nda |
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 mengubah skala label sumbu. Jika Anda ingin membuat angka sumbu mendeskripsikan nilai data sebenarnya, tetapkan <start_val> dan <end_val> 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>
- Sumbu mana yang akan diberi label. Ini
adalah indeks berbasis nol ke array sumbu yang ditentukan oleh
chxt
. Misalnya, sumbu r adalah 1 dichxt=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 penghitungan di antara titik skala pada sumbu. Tidak ada nilai langkah default; langkah ini dihitung untuk mencoba menampilkan serangkaian label yang diberi jarak dengan baik.
Contoh
Deskripsi | Contoh |
---|---|
Contoh ini menunjukkan sumbu y kiri dan kanan ( Setiap sumbu memiliki rentang yang ditentukan. Karena tidak ada label atau posisi yang ditentukan, nilai-nilai akan diambil dari rentang yang ditentukan, dan diberi jarak yang sama dalam rentang tersebut. Pada diagram garis, nilai tersebar secara merata di sepanjang sumbu x. Arah sumbu dibalik untuk sumbu r (indeks |
|
Dalam contoh ini, nilai ditentukan untuk sumbu x. Label sumbu berjarak merata di sepanjang sumbu. Nilai lima ( |
|
Label Sumbu Kustom chxl
Anda dapat menentukan label sumbu string kustom pada
sumbu apa pun, menggunakan parameter chxl
. Anda dapat menentukan label sebanyak yang Anda inginkan. Jika Anda menampilkan sumbu (menggunakan parameter chxt
) dan tidak menentukan label khusus, label numerik standar akan diterapkan.
Untuk menentukan rentang numerik khusus, gunakan parameter chxr
.
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>
- Sumbu mana yang menjadi tempat penerapan label. Ini adalah indeks ke array parameter
chxt
. Misalnya, jika Anda memilikichxt=x,x,y,y
, maka indeks 0 akan menjadi sumbu x pertama, 1 akan menjadi sumbu x kedua. - <label_1>| ... |<label_n>
- Satu atau beberapa label untuk ditempatkan di sepanjang
sumbu ini. 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-label tersebut.
Tunjukkan spasi dengan tanda +. Jeda baris tidak dapat ditentukan dalam label. Pisahkan label dengan karakter pipa. Catatan: Jangan
menempatkan pipe setelah label akhir dalam parameter
chxl
.
Contoh
Deskripsi | Contoh |
---|---|
Diagram ini menunjukkan cara menambahkan label khusus ke dua sumbu. Perhatikan
bagaimana nilai-nilai ditempatkan secara merata, dan bagaimana nilai |
chxt=x,y |
Contoh ini mencakup label sumbu di sumbu y kiri dan kanan ( |
|
Contoh ini mencakup label sumbu di sumbu y kiri dan kanan
( Contoh ini menggunakan nilai default untuk label sumbu di sumbu y kiri. |
|
Jika Anda ingin menambahkan label umum untuk mendeskripsikan seluruh
sumbu (misalnya, untuk memberi label pada satu sumbu
"biaya" dan lainnya sebagai "siswa"), gunakan properti |
chxt=x,x,y,y |
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
menetapkan posisi pasti menggunakan parameter ini, label akan diberi jarak 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
nomor 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>
- Sumbu yang
Anda tentukan posisinya. Ini adalah indeks ke dalam array parameter
chxt
. Misalnya, jika Anda memilikichxt=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 terkait dalam array
chxl
: entri pertama diterapkan ke 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 menggunakanchxr
. Anda harus memiliki posisi sebanyak yang Anda miliki label untuk sumbu tersebut.
Contoh
Deskripsi | Contoh |
---|---|
Contoh ini mencakup label sumbu r pada posisi tertentu pada diagram. Teks label ditentukan menggunakan parameter Label dengan posisi Label dengan posisi |
|
Contoh ini menunjukkan cara menunjukkan nilai label default, tetapi hanya di lokasi yang ditentukan.
|
chxt=x,y
chxt=x,y chxp tidak ditentukan |
Gaya Label Sumbu chxs
Anda dapat menentukan ukuran, warna, dan perataan font untuk label sumbu, baik label khusus maupun nilai label default. Semua label pada sumbu yang sama memiliki format yang sama. Jika Anda memiliki beberapa salinan sumbu, Anda dapat memformat masing-masing sumbu dengan cara 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 pada 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 yang berlaku untuk sumbu ini. 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. Dimulai
dengan huruf literal N diikuti dengan
nilai berikut, semuanya bersifat opsional:
N<preceding_text>*<number_type><decimal_places>zs<x or y>*<following_text>
Berikut adalah arti setiap elemen:<preceding_text>
- Teks literal yang mendahului setiap nilai.*...*
- Blok opsional yang digabungkan dengan tanda bintang literal, tempat Anda dapat menentukan detail pemformatan untuk angka. Nilai-nilai berikut didukung, dan bersifat opsional:<number_type>
- Format angka, untuk nilai numerik. Pilih salah satu opsi berikut:f
- [Default] Format titik mengambang. Pertimbangkan untuk menentukan presisi juga dengan nilai <decimal_places>.p
- Format persentase. Tanda % ditambahkan secara otomatis. Catatan: Saat menggunakan format ini, nilai data dari 0,0 — 1,0 dipetakan ke 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 angka desimal yang akan ditampilkan. Nilai dibulatkan (tidak terpotong) hingga sepanjang ini. Defaultnya adalah 2.z
- Menampilkan angka nol di akhir. Defaultnya adalah tidak.s
- Pemisah grup tampilan. Defaultnya adalah tidak.x
atauy
- Menampilkan data dari koordinat x atau y, seperti yang ditentukan. Arti data x bervariasi menurut jenis diagram: bereksperimenlah dengan diagram Anda untuk menentukan artinya. 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. Defaultnya adalah abu-abu.
- <opt_font_size>
- [Opsional] menentukan ukuran font dalam piksel. Parameter ini bersifat opsional.
- <opt_alignment>
- [Opsional] Perataan label. Untuk sumbu atas atau bawah, penjelasan ini menjelaskan
cara label diratakan dengan tanda centang di atas atau di bawahnya; untuk sumbu kiri atau
kanan, deskripsi ini menjelaskan bagaimana perataan di dalam kotak pembatasnya, yang menyentuh
sumbu. Tentukan salah satu angka berikut:
-1
- Atas atau bawah: label berada di sebelah kanan tanda petik; Kiri atau kanan: label diratakan ke kiri dalam areanya. Default untuk label sumbu r.0
- Atas atau bawah: label dipusatkan pada 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 tanda petik; Kiri atau kanan: label diratakan kanan dalam 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, keduanya tidak didukung untuk bagian luar
dua sumbu x). Gunakan salah satu nilai berikut:
l
('L' dengan huruf kecil) - Gambar garis sumbu saja.t
- Hanya gambar tanda titik skala. Tanda centang adalah garis kecil di sebelah label sumbu.lt
- [Default] Gambar garis sumbu dan tanda centang untuk semua label._
- (Garis bawah) Gambar tanpa garis sumbu atau tanda centang. Jika Anda ingin menyembunyikan garis sumbu, gunakan nilai ini.
- <tick_color>
- [Opsional; tidak didukung dalam Google-o-meter] Warna tanda centang, dalam format heksadesimal RRGGBB. Defaultnya adalah abu-abu.
- <opt_axis_color>
- [Opsional] Warna garis sumbu ini, dalam format heksadesimal RRGGBB. Defaultnya adalah abu-abu.
Contoh
Deskripsi | Contoh |
---|---|
Ukuran dan warna font ditentukan untuk sumbu x kedua (Jan, Feb, Mar). |
|
Ukuran, warna, dan perataan font ditentukan untuk sumbu y kanan. Tanda centang, tetapi tidak ada garis sumbu, akan digambar. |
|
Diagram ini mencakup tiga set data, dan menunjukkan tiga set label sumbu, satu per seri. Setiap kumpulan label diformat menggunakan string pemformatan kustom, seperti yang dijelaskan di sini:
Rentang label sumbu ditetapkan menggunakan parameter |
chd=s: |
Gaya Tanda Centang Sumbu chxtc
Anda dapat menentukan tanda centang panjang untuk sumbu tertentu. Biasanya ini digunakan untuk memperpanjang
tanda centang di sepanjang diagram. Gunakan parameter chxs
untuk
mengubah warna tanda centang.
Nilai untuk beberapa sumbu harus dipisahkan
menggunakan karakter pipa (|
). Nilai dalam sebuah 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 yang berlaku untuk sumbu ini. 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 yang 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
|
|
Diagram ini menunjukkan panjang titik skala yang berselang-seling. chxtc menentukan
dua nilai panjang titik skala untuk sumbu y (5 dan 15), dan titik skala yang digambar pada
diagram berselang-seling di antara kedua nilai tersebut. |
chxt=x,y |
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 dalam garis diagram gabungan, kecuali jika jenis dasar diagram gabungan adalah diagram garis.
Sintaksis
Pisahkan beberapa gaya baris dengan karakter pipa ( |
); gaya pertama berlaku untuk baris pertama, gaya kedua ke baris berikutnya, dan seterusnya. Jika gaya Anda lebih sedikit daripada garis, gaya default akan diterapkan ke semua baris yang tidak ditentukan.
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, jangan tentukan nilai apa pun. Jika Anda hanya menentukan <opt_dash_length>, maka <opt_space_length> akan ditetapkan ke <opt_dash_length>. Defaultnya adalah 1,0 (garis solid).
Contoh
Deskripsi | Contoh |
---|---|
Di sini garis putus-putus ditentukan oleh |
chls=3,6,3|5 |
Isi Latar Belakang chf
[Semua
diagram]
Anda dapat menentukan warna dan gaya isian untuk area data diagram dan/atau seluruh latar belakang diagram. Jenis isian mencakup isian padat, 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 ( | ). Isi area diagram akan menimpa isian latar belakang
diagram.
Isi Solid chf
[Semua
Diagram]
Anda dapat menentukan isian penuh untuk latar belakang dan/atau area diagram, atau menetapkan
nilai transparansi untuk 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 terisi. Tentukan salah satu nilai berikut:
bg
- Isi latar belakangc
- Pengisian 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 batang solid (khusus diagram batang). Ganti <index> dengan indeks deret batang untuk diisi dengan warna solid. Efeknya mirip dengan menentukanchco
dalam diagram batang. Lihat Warna Seri Diagram Batang sebagai contoh.
- d
- Menunjukkan pengisian yang solid atau transparan.
- <color>
- Warna isian, dalam format heksadesimal RRGGBB. Untuk transparansi, enam digit pertama akan diabaikan, tetapi tetap harus disertakan.
Contoh
Deskripsi | Contoh |
---|---|
Contoh ini mengisi latar belakang diagram dengan abu-abu pucat ( |
|
Contoh ini mengisi latar belakang diagram dengan abu-abu pucat ( |
|
Contoh ini menerapkan transparansi 50% ke seluruh diagram (80 dalam heksadesimal adalah 128, atau sekitar 50% transparansi). Perhatikan latar belakang sel tabel yang ditampilkan melalui diagram. |
|
Isi Gradien chf
[Garis, Batang, Google-o-meter, Radar, Sebar,Venn]
Anda dapat menerapkan satu atau beberapa isi gradien ke area atau latar belakang bagan. Isi gradien memudar dari satu warna ke warna lain. (Pie, Diagram meteran Google: khusus latar belakang.)
Setiap isi gradien menentukan sudut, kemudian dua atau lebih warna yang ditambatkan ke lokasi yang ditentukan. Warnanya bervariasi saat berpindah dari satu anchor ke anchor lainnya. Anda harus memiliki setidaknya dua warna dengan nilai <color_centerpoint> yang berbeda, agar satu warna dapat memudar dan memudar dengan warna lain. 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 belakangc
- Pengisian area diagram.b<index>
- Isi gradien batang (hanya diagram batang). Ganti <index> dengan indeks deret dari batang yang akan diisi dengan gradien. Lihat Warna Seri Diagram Batang sebagai contoh.
- lg
- Menentukan isi gradien.
- <angle>
- Angka yang menentukan sudut gradien dari 0 (horizontal) hingga 90 (vertikal).
- <color>
- Warna isi, dalam format heksadesimal RRGGBB.
- <color_centerpoint>
- Menentukan titik link untuk warna. Warna akan mulai memudar dari titik ini saat mendekati anchor lain. Rentang nilainya adalah 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 linear horizontal, yang ditentukan dengan sudut nol derajat ( Warnanya peach ( Latar belakang diagram digambar dengan warna abu-abu ( |
|
Area diagram memiliki gradien linier diagonal (kiri bawah ke kanan atas),
yang ditentukan dengan sudut empat puluh lima derajat ( Warna persik ( Biru ( Latar belakang diagram digambar dengan warna abu-abu ( |
|
Area diagram memiliki gradien linear vertikal (atas ke bawah), yang ditentukan dengan sudut sembilan puluh derajat ( Biru ( Persik ( Latar belakang diagram digambar dengan warna abu-abu ( |
|
Isi garis-garis chf
[Garis,
Bar, Google-o-meter, Radar, Scatter, Venn]
Anda dapat menentukan isian latar belakang bergaris untuk area diagram, atau seluruh diagram. (Pie, Diagram meteran Google: khusus 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 belakangc
- Pengisian area diagramb<index>
- Isi bergaris batang (khusus diagram batang). Ganti <index> dengan indeks deret dari batang yang akan diisi dengan garis. Lihat Warna Seri Diagram Batang sebagai contoh.
- ls
- Menentukan isian garis linear.
- <angle>
- Sudut semua garis, relatif terhadap sumbu y. Gunakan
0
untuk garis vertikal atau90
untuk garis horizontal. - <color>
- Warna untuk garis ini, dalam format heksadesimal RRGGBB. Ulangi <color> dan <width> untuk setiap garis tambahan. Anda harus memiliki minimal dua garis. Garis bergantian hingga diagram terisi.
- <width>
- Lebar garis ini, dari
0
sampai1
, dengan1
adalah lebar penuh diagram. Strip diulang hingga diagram terisi. Ulangi <color> dan <width> untuk setiap garis tambahan. Anda harus memiliki minimal dua garis. Garis bergantian hingga diagram terisi.
Contoh
Deskripsi | Contoh |
---|---|
|
chf= |
|
chf= |