Diagram Garis

   

Dokumen ini menjelaskan berbagai jenis diagram garis yang dapat Anda buat menggunakan Chart API.

Daftar Isi

Fitur Khusus Diagram Jenis Diagram (cht) Perincian Data Warna Seri (chco)

Fitur Standar Diagram Gabungan Judul Diagram (chtt, chts) Teks dan Gaya Legenda Diagram (chdl, chdlp, chdls) Margin Diagram (chma) Label dan Gaya Sumbu Sumbu yang Terlihat (chxt) Rentang Sumbu (chxr) Label Sumbu Kustom (chxl) Posisi Label Sumbu (chxp) Gaya Label Sumbu (chxs) Tanda Centang Sumbu (chxtc) Isi Latar Belakang (chf) Solid Fills (chf) Isi Gradien (chf) Isi Bergaris (chf) Garis Petak (chg) Gaya Garis (chls) Penanda Dinamis (chem) Pengisian Baris (chm) Penanda Bentuk (chm) Penanda Nilai Teks dan Data (chm) Penanda Rentang (chm=r|R) Penanda Lilin (chm=F) Penanda Garis (chm=D) Fungsi data (chfd)

Jenis Diagram (cht)

Ada berbagai diagram garis yang dapat Anda buat. Tentukan diagram garis dengan sintaksis berikut:

Sintaksis

cht=<chart_type>

Dengan <chart_type> adalah salah satu dari jenis berikut:

Parameter	Deskripsi	Contoh
lc	Diagram garis dengan titik-titik data yang ditempatkan secara merata di sepanjang sumbu x. Garis sumbu ditampilkan secara default. Untuk menampilkan nilai pada garis sumbu, Anda harus menentukan chxt.	cht=lc chd=t:40,60,60,45,47,75,70,72
ls	Serupa dengan diagram lc, tetapi secara default tidak menampilkan garis sumbu. Ini juga dikenal sebagai garis percik.	cht=ls chd=t:27,25,60,31,25,39,25, 31,26,28,80,28,27,31,27, 29,26,35,70,25
lxy	Memungkinkan Anda menentukan koordinat x dan y untuk setiap titik, bukan hanya nilai y. Untuk menentukan titik data untuk diagram lxy, Anda harus menentukan deret dalam kelipatan dua. Deret pertama dalam setiap pasangan adalah koordinat x untuk garis tersebut, dan deret kedua adalah koordinat y yang sesuai untuk garis tersebut. Contoh: chd=t:<line_1_x1>,<line_1_x2>,...|<line_1_y1>,<line_1_y2>,...| <line_2_x1>,<line_2_x2>,...|<line_2_y1>,<line_2_y2>,... Untuk menempatkan titik data secara merata di sepanjang sumbu xxsaja, berikan satu nilai yang belum ditentukan untuk kumpulan x untuk deret tersebut. Dalam contoh ini, garis "Unicorn" berwarna merah memberi jarak titik data secara merata di sepanjang sumbu x. Untuk mengetahui informasi selengkapnya tentang nilai yang tidak ditentukan, lihat Format data. Dalam contoh ini, garis "Ponies" menentukan nilai x dan y yang tepat untuk semua titik, dan garis "Unicorns" memberi jarak nilai secara merata di sepanjang sumbu x. Catatan: Jika Anda membuat diagram lxy gabungan, jangan lupa bahwa Anda harus menampilkan data dalam kelipatan dua dalam parameter chd. Misalnya: chd=t0: untuk menyembunyikan semua garis, chd=t2: untuk menggambar satu garis, chd=t4: untuk menggambar dua garis, dan seterusnya. Jika Anda menetapkan chd=t1:, tidak ada garis yang akan digambar; jika Anda menetapkan chd=t3:, hanya satu baris yang akan digambar.	cht=lxy chd=t:   10,20,40,80,90,95,99|   20,30,40,50,60,70,80|   -1|   5,10,22,35,85

Kembali ke atas

Perincian Data

Berhati-hatilah agar tidak melebih-lebihkan jumlah titik data yang diperlukan untuk diagram garis Anda. Misalnya, untuk menunjukkan seberapa populer es krim cokelat selama sepuluh tahun terakhir, menggabungkan kueri penelusuran untuk setiap hari akan menghasilkan lebih dari 3.600 nilai. Tidak masuk akal untuk membuat grafik pada tingkat perincian ini. Pada diagram, selebar 1024 piksel, satu titik data setara dengan seperempat piksel. (Selain itu, ini akan menjadi terlalu banyak data untuk diteruskan dalam URL). Contoh berikut mengilustrasikan hal ini.

Bagan lebar 200 piksel dengan 40 titik data (5 piksel per titik data):

80 titik data (hanya 2,5 piksel per titik data):

150 titik data (hanya 1,3 piksel per titik data):

300 titik data (kurang dari 1 piksel per titik data):

Kembali ke atas

Warna Seri chco

Anda dapat menentukan warna dari deret tertentu, atau semua deret, menggunakan parameter chco.

Sintaksis

chco=
<color_1>, ... <color_n>

<color>

Angka heksadesimal dalam format RRGGBB. Tentukan satu nilai untuk menerapkan warna yang sama ke semua deret. Tentukan warna yang berbeda untuk rangkaian yang berbeda dengan menambahkan nilai warna yang dipisahkan oleh koma. Jika warna Anda lebih sedikit daripada seri yang dimiliki, deret yang tidak ditentukan akan melewati warna yang ditentukan dari awal.

 

Contoh

Deskripsi	Contoh
Saat Anda menentukan satu warna untuk setiap deret, setiap deret akan ditetapkan warnanya. Contoh ini memiliki tiga deret data dan tiga warna yang ditentukan.	chco=FF0000,00FF00,0000FF
Contoh ini juga memiliki tiga deret data, tetapi hanya dua warna yang ditentukan. Karena warna untuk seri ketiga tidak ditentukan, garis ketiga digambar menggunakan warna pertama (merah).	chco=FF0000,0000FF

Kembali ke atas

Diagram Senyawa

Anda dapat menambahkan garis, batang lilin, dan penanda bentuk ke diagram garis untuk membuat diagram gabungan. Lihat Diagram Gabungan untuk detail selengkapnya.

Fitur Standar

Fitur lainnya di halaman ini adalah fitur diagram standar.

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 (|) untuk memaksa jeda baris. chts tidak ditetapkan di sini.	chtt=Site+visitors+by+month| January+to+July
Diagram dengan judul 20 poin berwarna biru, rata kanan.	chtt=Site+visitors chts=FF0000,20,r

Kembali ke atas

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 ke chdl.
• r - Menampilkan label dalam urutan terbalik seperti yang diberikan kepada 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: 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 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 seperti rangkaian data Anda.	chdl=NASDAQ|FTSE100|DOW chco=FF0000,00FF00,0000FF chdl=First|Second|Third chco=ff0000,00ff00,0000ff
Diagram pertama menunjukkan entri legenda horizontal (chdlp=t, tata letak default adalah horizontal), dan diagram kedua menunjukkan entri legenda vertikal bawah (chdlp=bv).	chdl=First|Second|Third chco=ff0000,00ff00,0000ff chdlp=t chdl=First|Second|Third chco=ff0000,00ff00,0000ff chdlp=bv
Contoh ini menunjukkan perubahan ukuran font.	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 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 chma, dalam hal ini, ukuran margin akan diperluas secara lebih lebar, sehingga area diagram menjadi lebih kecil. Anda tidak dapat memangkas legenda dengan menentukan ukuran yang terlalu kecil, tetapi Anda dapat membuatnya memakan lebih banyak ruang daripada yang dibutuhkan. 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 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 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.	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.	chma=20,20,20,30|80,20

Kembali ke atas

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 bawah
• t - Sumbu x atas [Tidak didukung oleh Google-o-Meter]
• y - Sumbu y di sebelah kiri
• r - 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.	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 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.	chxt=x,y,r,t
Anda dapat menyembunyikan sumbu default dalam diagram garis dengan menentukan :nda setelah jenis diagram.	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 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 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 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 (y dan r) serta satu sumbu x (x). 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 2), 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 berjarak merata di sepanjang sumbu. Nilai lima (5) ditentukan untuk parameter <opt_step>.	chxt=x chxr=0,10,50,5

Kembali ke atas

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 memiliki chxt=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 chxl terakhir tidak diakhiri dengan pipa.	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.	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 antar nilai. Contoh ini menggunakan nilai default untuk label sumbu di sumbu y kiri.	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 seluruh sumbu (misalnya, untuk memberi label pada satu sumbu "biaya" dan lainnya sebagai "siswa"), gunakan properti chxt untuk menambahkan sumbu tambahan di setiap sisi, lalu gunakan chxl untuk menambahkan satu label kustom 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 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 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 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 menggunakan chxr. 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 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.	chxt=x,y,r chxl=2:|min|average|max chxp=2,10,35,75
Contoh ini menunjukkan cara menunjukkan nilai label default, tetapi hanya di lokasi yang ditentukan. chxp=1,10,35,75 - Sumbu y hanya boleh menampilkan tiga label: 10, 35, dan 75. Karena tidak ada teks label khusus yang ditentukan, nilai sumbu ini akan ditampilkan. Perhatikan bahwa Anda tidak perlu memisahkan label secara merata saat menggunakan chxp. Jika chxp tidak ditentukan di sini, jarak nilai label default pada sumbu y adalah setiap 20 unit, seperti yang ditunjukkan pada grafik kedua.	chxt=x,y chxp=1,10,35,75 chxt=x,y chxp tidak ditentukan

Kembali ke atas

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: Sintaksis string pemformatannya adalah sebagai berikut:
       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 atau y - 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).	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 font ditentukan untuk sumbu y kanan. Tanda centang, tetapi tidak ada garis sumbu, akan digambar.	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 menunjukkan tiga set label sumbu, satu per seri. Setiap kumpulan label diformat menggunakan string pemformatan kustom, seperti yang dijelaskan di sini: 0N*e,000000| 0 berarti rangkaian 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 seri 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 penentu format Mil adalah string literal berikut 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 tampilkan dua angka nol di belakangnya 0000FF berarti teks biru. Rentang label sumbu ditetapkan menggunakan parameter chxr (axis_index, start, end, step). Jika tidak disetel, nilainya adalah 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 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 chxtc untuk membuat tanda centang berwarna merah yang panjang. Panjang tanda centang di sini melebihi lebar area diagram, tetapi dipangkas agar pas dengan diagram. chxt=x,y,r,x - Menampilkan sumbu kiri, 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 (index=2) untuk ketiga 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 untuk sumbu y dan r. Nilai pertama menentukan titik skala sepanjang 10 piksel, di luar sumbu. Nilai kedua menentukan titik skala sepanjang 180 piksel di dalam sumbu; angka negatif berarti titik skala masuk ke dalam sumbu, dan titik skala dipangkas agar muat di dalam diagram.	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 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 chxtc=   1,5,15

Kembali ke atas

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 belakang
• c - 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 menentukan chco 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 (EFEFEF).	chf=bg,s,EFEFEF
Contoh ini mengisi latar belakang diagram dengan abu-abu pucat (EFEFEF) dan mengisi area diagram dengan warna hitam (000000).	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 melalui diagram.	chf=a,s,00000080

Kembali ke atas

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 belakang
• c - 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 (0). Warnanya peach (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).	chf=   c,lg,0,   FFE7C6,0,(persik)   76A4FB,1 (biru)
Area diagram memiliki gradien linier diagonal (kiri bawah ke kanan atas), yang ditentukan dengan sudut empat puluh lima derajat (45). Warna persik (FFE7C6) adalah warna pertama yang ditentukan. Bagian kiri bawah diagram berwarna persik murni. Biru (6A4FB) adalah warna kedua yang ditentukan. Bagian kanan atas diagram berwarna biru murni. Perhatikan bahwa kami menetapkan offset 0, 75 untuk memberikan puncak biru yang memudar ke arah sudut kanan atas. Latar belakang diagram digambar dengan warna abu-abu (EFEFEF).	chf=   c,lg,45,   FFE7C6,0, (persik)   76A4FB,0.75 (biru)
Area diagram memiliki gradien linear 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 persik murni. Latar belakang diagram digambar dengan warna abu-abu (EFEFEF).	chf=   c,lg,90,   FFE7C6,0, (persik)   76A4FB,0.5 (biru)

Kembali ke atas

 

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 belakang
• c - Pengisian area diagram
• b<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 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 minimal dua garis. Garis bergantian hingga diagram terisi.

<width>

Lebar garis ini, dari 0 sampai 1, dengan 1 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
bg,ls,0 - Isi garis latar belakang dengan garis-garis pada sudut nol terhadap sumbu y (sejajar dengan sumbu y). Garis-garis tersebut mengisi latar belakang diagram serta area plot. CCCCCC,0.15 - Garis pertama berwarna abu-abu tua, dengan lebar 15% dari diagram. FFFFFF,0.1 - Garis kedua berwarna putih, dengan lebar 10% lebih lebar dari diagram.	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 tersebut mengisi area plot, tetapi latar belakang diagram dihilangkan. 999999,0.25 - Garis pertama berwarna abu-abu tua, dengan lebar 25% dari diagram. CCCCCC,0.25 - Sama seperti garis pertama, tetapi abu-abu yang lebih terang. FFFFFF,0.25 - Sama seperti garis pertama, tetapi putih.	chf=   c,ls,90,   999999,0.25,   CCCCCC,0.25,   FFFFFF,0.25

Kembali ke atas

Garis Petak chg [Garis, Batang, Radar, Sebar]

Anda dapat menentukan garis petak solid atau putus-putus pada diagram menggunakan parameter chg.

Parameter ini tidak memungkinkan Anda menentukan ketebalan atau warna garis. Untuk cara lainnya dalam membuat garis di diagram, lihat membentuk penanda (chm ketik h, H, v, atau V), penanda rentang (chm), dan tanda centang sumbu (chxtc).

Sintaksis

chg=
  <x_axis_step_size>,<y_axis_step_size>,<opt_dash_length>,<opt_space_length>,<opt_x_offset>,<opt_y_offset>

<x_axis_step_size>, <y_axis_step_size>

Digunakan untuk menghitung jumlah garis petak x atau y yang ditampilkan pada diagram. 100 / step_size = berapa banyak garis petak pada diagram. Jadi: 20,25 berarti 5 garis petak vertikal dan 4 garis petak horizontal.

<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. Tentukan 0 untuk <opt_space_length> agar garis solid. Nilai defaultnya adalah 4,1.

<opt_x_offset>,<opt_y_offset>

[Opsional] Jumlah unit, menurut skala diagram, untuk mengimbangi garis petak x dan y. Bisa bernilai positif atau negatif. Jika menentukan nilai ini, Anda juga harus menentukan semua nilai sebelumnya. Nilai defaultnya adalah 0,0.

 

Contoh

Deskripsi	Contoh
Contoh ini hanya menggunakan parameter <x_axis_step_size> dan <y_axis_step_size>. Chart API menampilkan garis petak putus-putus secara default.	chg=20,50 chg=20,50
Contoh ini menggunakan ruang yang lebih besar untuk menampilkan garis petak yang lebih ringan (1,5).	chg=20,50,1,5
Untuk menampilkan garis petak solid, tentukan nol (0) untuk parameter <opt_space_length>. Diagram ini juga menentukan offset sumbu x sebesar 10.	chg=20,50,1,0,10
Diagram ini menunjukkan offset sumbu x sebesar 10, dan offset sumbu y 20.	chg=20,50,3,3,10,20

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 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 3,6,3 dan garis solid yang lebih tebal ditentukan oleh 5.	chls=3,6,3|5

Kembali ke atas

Penanda Ikon Dinamis chem [Batang, Garis, Radar, Sebar]

Buat diagram, dan tentukan satu atau beberapa ikon dinamis sebagai nilai kimia. Sintaksis chem adalah sebagai berikut. Semua item yang dipisahkan titik koma dalam warna ungu bersifat opsional, dan dapat dihilangkan sepenuhnya di URL. Anda dapat menyertakan beberapa penanda dengan menyertakan beberapa string sintaksis yang dipisahkan oleh karakter |. Anda dapat membaca selengkapnya tentang ikon dinamis di halaman ikon dinamis.

Anda juga dapat menyematkan diagram di dalam diagram lain sebagai ikon dinamis. Lihat subbagian Diagram yang Disematkan di bawah.

chem=
  y;s=<icon_string_constant>;d=<marker_data_string>;ds=<which_series>;dp=<which_points>;py=<opt_z_order>;po=<x,y>;of=<x_offset,y_offset>
   |...|
  y;s=<icon_string_constant>;d=<marker_data_string>;ds=<which_series>;dp=<which_points>;py=<opt_z_order>;po=<x,y>;of=<x_offset,y_offset>

s=<icon_string_constant>

Konstanta penanda string untuk ikon dinamis, dari halaman ikon dinamis. Konstanta ini hampir sama dengan parameter chst untuk ikon freestanding. Namun, jika string ikon freestanding dimulai dengan "d_", Anda harus menghapus awalan tersebut untuk mendapatkan penanda ikon dinamis yang setara. Contoh: ikon freestanding: d_bubble_icon_text_small ; penanda ikon dinamis yang setara: bubble_icon_text_small.

d=<marker_data_string>

Data yang diperlukan untuk jenis penanda khusus ini. Ini menyimpan string yang sama dengan yang akan digunakan dalam parameter chld untuk ikon freestanding yang setara, kecuali bahwa semua pemisah | harus diganti dengan koma (ingat untuk menggunakan koma, bukan penanda pipa untuk teks multibaris). Perhatikan bahwa dalam string data, Anda juga harus meng-escape karakter berikut dengan tanda @: pipa ( | ) , di ( @ ) , sama dengan ( = ), koma ( , ), titik koma ( ; ). Contoh: hello@,+world, 5@@10+cents+each.

ds=<which_series>

[Opsional] Indeks berbasis nol dari deret data tempat penanda ini berada. Nilai defaultnya adalah 0.

dp=<which_points>

[Opsional] Menentukan titik data yang digunakan untuk menggambar penanda. Nilai defaultnya adalah 0 (titik pertama dalam deret). Gunakan salah satu format berikut:

• n.d - Titik data yang akan digunakan untuk menggambar penanda, dengan n.d adalah indeks berbasis nol dalam deret. Jika Anda menentukan nilai non-bilangan bulat, maka fraksi tersebut menunjukkan titik menengah yang dihitung. Misalnya, 3,5 berarti setengah antara titik 3 dan titik 4.
• range,<start>,<end>,<step> - Gambar penanda di setiap titik data langkah dalam rentang dari start hingga end, inklusif. start dan end adalah nilai indeks, dan dapat berupa angka floating point untuk menunjukkan nilai median. Semua nilai bersifat opsional; defaultnya adalah: start=0, end=last item, step=1. Jika melewati nilai, Anda tetap harus menyertakan koma perantara, tetapi tidak harus menyertakan koma di akhir yang kosong. Contoh: dp=range,0,4 menggambar penanda pada elemen 0 sampai 4; dp=range,5,10,2 menggambar penanda pada elemen 5, 7, dan 9; dp=range,2 menggambar titik pada titik ketiga dan setelahnya; dp=range,3,,1.5 menggambar penanda di setiap 1,5 titik data dari item keempat hingga item terakhir.
• all - Menggambar penanda di setiap elemen. Fungsi ini setara dengan range,0,end_index. Contoh: dp=all
• every,n - Menggambar penanda di setiap penanda ke-n. Contoh: dp=every,2 menggambar penanda pada item 0, 2, dan 4.

py=<z_order>

[Opsional] Lapisan tempat penanda akan digambar, dibandingkan dengan penanda lainnya dan semua elemen diagram lainnya. Ini adalah angka floating point dari -1,0 hingga 1,0, inklusif, dengan -1,0 adalah bagian bawah dan 1,0 adalah bagian atas. Elemen diagram (garis dan batang) berada tepat di bawah nol. Jika dua penanda memiliki nilai yang sama, penanda tersebut akan digambar dalam urutan yang diberikan oleh URL. Nilai defaultnya adalah 0.0 (tepat di atas elemen diagram).

po=<x,y>

[Opsional] Posisi absolut pada diagram untuk menggambar penanda. x dan y adalah dua bilangan floating point, dengan 0,0,0,0 sebagai sudut kiri bawah dan 1,0,1,0 adalah sudut kanan atas.

dari=<x_offset,y_offset>

[Opsional] Jumlah piksel untuk mengimbangi ikon dari posisi normalnya. x_offset dan y_offset adalah bilangan bulat positif atau negatif. Penting untuk menetapkan nilai ini dalam ikon dinamis tersemat, karena penanda akan berada di tengah secara vertikal dan horizontal di atas titik, yang berarti titik tersebut mungkin tidak akan sejajar dengan penanda data. Offset yang baik untuk pin tegak adalah of=0,22; offset yang baik untuk pin miring adalah of=-12,20 atau of=12,20, bergantung pada arah kemiringannya, tetapi Anda mungkin harus bereksperimen. Nilai defaultnya adalah 0,0.

 

Contoh

Deskripsi	Contoh
Berikut contoh ikon dinamis yang sama yang dibuat sebagai gambar free-standing, dan digunakan sebagai penanda dalam diagram garis. Diagram 1: https://chart.googleapis.com/chart?chs=300x140&cht=lc&chco=FF9900,224499& chd=t:75,74,66,30,10,5,3,1&chls=1|1& chem=y;s=bubble_icon_text_small;d=ski,bb,Wheeee!,FFFFFF;dp=2;ds=0&chm=v,ccccFF,0,::.2,2 Diagram 2: https://chart.googleapis.com/chart?chst=d_bubble_icon_text_small&chld=ski|bb|Wheeee!|FFFFFF|000000	chem=   y;s=bubble_icon_text_small;d=ski,bb,Wheeee!,FFFFFF;dp=2;ds=0 chst=   d_bubble_icon_text_small chld=   ski|bb|Wheeee!|FFFFFF|000000
Perhatikan bahwa penanda ikon dinamis akan dipusatkan pada titik secara horizontal dan vertikal. Jadi, jika Anda menggunakan ikon dinamis dengan ekor, bagian ekor tidak akan berada pada titik diagram; pusat penanda akan berada di sana. Diagram pertama memusatkan tanda pada titik data 3, yang sebenarnya menempatkan ekor sedikit ke kanan tanda pada garis. Diagram kedua menggunakan nilai of untuk memindahkan bagian ekor penanda ke atas titik data yang diinginkan. Offset yang baik untuk pin miring adalah -12,20.	chem=y;   s=map_xpin_letter;   d=pin_sleft,A,FF0000;   dp=3;   ds=1 chem=y;   s=map_xpin_letter;   d=pin_sleft,A,FF0000;   dp=3;   ds=1;   of=-12,0
Untuk menyertakan beberapa ikon dinamis, ulangi string sintaksis, yang dipisahkan oleh karakter |. Contoh ini menampilkan rentang, serta dua penanda individual. Perhatikan bagaimana pin vertikal di-offset sebesar 0,22, dan pin miring memiliki offset 12,20 agar titik pin sejajar dengan deret yang dideskripsikan.	chem=   y;s=map_xpin_letter;d=pin_sright,A,FF0000;dp=4;ds=0;py=1;of=12,20|   y;s=map_pin_icon;d=baby,FF5555;ds=1;dp=6;of=0,22|   y;s=map_pin_icon;d=camping,DEF763;ds=2;dp=range,2,5
Tindakan ini menunjukkan penanda teks multibaris. Penanda harus di-offset setelah menambahkan teks, karena ukuran balon akan berubah ukurannya menyesuaikan teks, sehingga dapat kembali dipusatkan diagram. Perhatikan bagaimana baris baru dalam teks ditunjukkan dengan koma dalam string data d.	chem=y;   s=bubble_texts_big;   d=bbbr,FFC6A5,000000,Outlier,Forgot+to+feed;   ds=0;   dp=13;   of=-120,2

Diagram yang Disematkan

Anda dapat menyematkan satu diagram di dalam diagram lain menggunakan sintaksis ikon dinamis.

Ada dua gaya penanda diagram tersemat: diagram tersemat dalam balon, dan diagram tersemat tanpa balon. Berikut contoh keduanya:

Diagram dengan balon	Diagram tanpa balon

Berikut detail parameter s=<icon_string_constant>;d=<marker_data_string>, baik untuk diagram tanpa balon maupun yang tersemat dengan balon (parameter yang dibahas di atas tidak dijelaskan lagi di sini):

Sintaksis

Non-bubble:
  chem=y;s=ec;d=<alignment_string>,<chart_data>;ds=<which_series>;dp=<which_points>;py=<z_order>;po=<x,y>;of=<x_offset,y_offset>

Bubble:
  chem=y;s=ecb;d=<frame_type>,<padding>,<frame_color>,<fill_color>,<chart_data>;ds=<which_series>;dp=<which_points>;py=<z_order>;po=<x,y>;of=<x_offset,y_offset>

alignment_string

[Khusus non-bubble] Bagian diagram tersemat tanpa balon yang disematkan ke titik data. Pilih salah satu konstanta string dua huruf dalam diagram berikut:

chart_data

Data untuk diagram yang disematkan. Ini adalah semuanya setelah https://chart.googleapis.com/chart? dalam URL diagram yang akan disematkan. Gunakan alat di bawah, atau ikuti aturan yang tercantum di bawah alat tersebut.

frame_type

[Hanya balon] Salah satu ikon dinamis konstanta gaya frame.

padding

[Hanya balon] Padding di dalam balon, dalam piksel.

frame_color

[Hanya balon] Warna frame, sebagai string warna HTML enam digit tanpa tanda #. Contoh: FF00FF.

fill_color

[Hanya balon] Warna isi balon, sebagai string warna HTML enam digit tanpa tanda #. Contoh: FF00FF.

Data diagram yang disematkan

Gunakan alat konversi berikut untuk membantu membuat string diagram, atau buat string diagram secara manual mengikuti aturan yang diberikan setelah alat tersebut.

Aturan untuk konversi manual

1. Pertama-tama, ganti semua karakter berikut dalam pasangan parameter dan nilai dengan nilai berikut, dalam urutan yang ditampilkan:

Mengganti	Dengan ini
%7C atau %7c	|
@	@@
%	%25
,	@,
|	@|
;	@;
&	%26
=	%3 h

2. Lalu, ganti semua nilai & dan = dalam pasangan parameter1=value1&parameter2=value2... dengan koma.

Kembali ke atas

Pengisian Garis chm [Garis, Radar]

Anda dapat mengisi area di bawah garis data dengan warna solid.

Anda dapat menggabungkan isi baris dengan parameter chm lainnya menggunakan karakter pipa ( | ) untuk memisahkan parameter chm.

Sintaksis

chm=
  <b_or_B>,<color>,<start_line_index>,<end_line_index>,<0>
    |...|
  <b_or_B>,<color>,<start_line_index>,<end_line_index>,<0>

<b_or_B>

Apakah untuk mengisi hingga bagian bawah diagram, atau hanya ke garis yang lebih rendah berikutnya.

• B - Isi dari <start_line_index> ke bagian bawah diagram. <end_line_index> mendukung sintaksis khusus untuk memungkinkan Anda mengisi segmen diagram. Cara ini paling mudah jika Anda memiliki diagram dengan satu baris yang ingin Anda isi.
• b - Mengisi di antara dua baris dalam diagram multigaris. Garis awal dan akhir ditunjukkan dengan <start_line_index> dan <end_line_index>.

<color>

Angka heksadesimal RRGGBB dari warna isian.

<start_line_index>

Indeks baris tempat pengisian dimulai. Deret data pertama yang ditentukan di chd memiliki indeks nol (0), deret data kedua memiliki indeks 1, dan seterusnya.

<end_line_index>

• Jenis isian 'b' - Baris yang akan menghentikan pengisian. Baris ini harus di bawah garis saat ini.
• Jenis isian 'B' - Salah satu pilihan berikut:
  • any value - Setiap angka dalam parameter ini akan diabaikan, dan isian akan berpindah dari baris yang ditentukan ke dasar diagram
  • start:end - Untuk mengisi irisan vertikal di bawah diagram, tentukan start:end, yang merupakan indeks titik data yang menjelaskan tempat untuk memulai dan menghentikan pengisian. Kedua nilai tersebut bersifat opsional, dan ditetapkan secara default ke first_point:last_point. (Lihat contoh di bawah.)

<0>

Dicadangkan — harus nol.

 

Contoh

Deskripsi	Contoh
Untuk satu seri, cara paling sederhana adalah menggunakan chm=B. Ini mengisi seluruh area di bawah garis. Ini adalah satu-satunya jenis area pengisian yang tersedia untuk diagram radar. chm=b tidak berfungsi dengan diagram radar.	chm=B,76A4FB,0,0,0
Berikut adalah sebuah diagram dengan dua garis dan dua isian. Mengisi area di bawah garis bawah dan di atas garis teratas memerlukan teknik khusus, yang akan dibahas nanti.	chd=s: cefhjkqwrlgYcfgc, QSSVXXdkfZUMRTUQ, HJJMOOUbVPKDHKLH, chm= b,224499,0,1,0| (biru) b,FF0000,1,2,0| (merah)
Dalam diagram multigaris, untuk mengisi dari bagian atas diagram ke baris pertama, sertakan deret yang berisi dua salinan nilai data tertinggi untuk format data. Jadi, misalnya, "...." untuk encoding yang diperluas, "100,100" untuk format teks dasar, dan sebagainya. Isi dari deret ini ke baris paling atas. Untuk mengisi dari baris terakhir hingga bagian bawah diagram, sertakan deret yang berisi dua salinan nilai data terendah untuk format data. Jadi, misalnya, AAAA untuk encoding yang diperluas, 0,0 untuk format teks dasar, dan seterusnya. Garis tersebut digambar dengan warna hitam, menggunakan chco.	chd=e:   ...., (nilai tertinggi)   cefhjkqwrlgYcfgc,   QSSVXXdkfZUMRTUQ,   HJJMOOUbVPKDHKLH,   AAAA (nilai nol) chm=   b,76A4FB,0,1,0| (biru muda)   b,224499,1,2,0| (biru)   b,FF0000,2,3,0| (merah)   b,80C65A,3,4,0 (hijau) chco=000000
Berikut adalah diagram garis dengan irisan isian vertikal. Hal ini dicapai dengan menentukan pasangan start:end untuk <end_line_index> dengan jenis pengisian baris 'B'. B,76A4FB,0,0:3,0 - Isi vertikal berwarna biru di bawah garis 0, terikat oleh titik data 0—3. B,990000,0,7:10,0 - Isi vertikal merah di bawah garis 0, terikat oleh titik data 7—10. B,DEDC06,0,12:,0 - Isi vertikal berwarna kuning di bawah garis 0, dari titik data 12 hingga akhir deret.	chm=   B,76A4FB,0,0:3,0|   B,990000,0,7:10,0|   B,DEDC06,0,12:,0
Contoh ini menunjukkan penggunaan isian garis pada diagram radar.	chm=   B,FF000080,0,1.0,5.0|   B,FF990080,1,1.0,5.0

Kembali ke atas

Penanda Bentuk chm [Batang, Garis, Radar, Sebar]

Anda dapat menentukan penanda grafis untuk semua titik data atau titik data individual pada diagram. Jika dua atau beberapa penanda menempati titik yang sama, penanda akan digambar sesuai urutan kemunculannya dalam parameter chm. Anda juga dapat membuat penanda teks pada titik data, yang dibahas dalam Penanda Titik Data.

Anda dapat menggabungkan penanda bentuk dengan parameter chm lainnya menggunakan karakter pipa ( | ) untuk memisahkan parameter chm.

Sintaksis

Tentukan satu set parameter berikut untuk setiap rangkaian yang harus ditandai. Untuk menandai beberapa deret, buat kumpulan parameter tambahan, yang dipisahkan dengan karakter pipa. Anda tidak perlu me-markup semua seri. Jika Anda tidak menetapkan penanda ke deret data, penanda tidak akan mendapatkan penanda apa pun.

Penanda bentuk berperilaku sedikit berbeda dalam diagram sebar. Lihat dokumentasi tersebut untuk informasi selengkapnya.

chm=
  [@]<marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_offset>
    |...|
  [@]<marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_offset>

@

[Opsional] Jika Anda mengawali jenis penanda dengan karakter @ opsional, maka <opt_which_points> harus menggunakan format x:y.

<marker_type>

Jenis penanda yang akan digunakan. Tentukan salah satu jenis berikut:

• a - Panah
• c - Silang
• C - Persegi panjang. Jika penanda persegi panjang, Anda harus memiliki minimal dua deret data, dengan seri 0 menentukan tepi bawah dan seri 1 menentukan tepi atas. <size> menentukan lebar persegi panjang, dalam piksel.
• d - Berlian
• E - Penanda kolom error ( ) Penanda ini memerlukan dua deret data untuk dibuat, satu nilai untuk bagian bawah, dan titik yang sesuai di deret kedua untuk bagian atas. Kode ini juga mengekspos sintaksis <size> yang diperluas: line_thickness[:top_and_bottom_width] dengan top_and_bottom_width adalah opsional. Lihat contohnya di bawah ini.
• h - Garis horizontal di seluruh diagram pada ketinggian yang ditentukan. (Satu-satunya format yang valid untuk parameter <opt_which_points> adalah n.d.)
• H - Garis horizontal melalui penanda data yang ditentukan. Ini mendukung sintaksis <size> tambahan yang memungkinkan Anda menentukan panjang baris yang tepat: line_thickness[:length] dengan :length bersifat opsional, dan ditetapkan secara default ke lebar area diagram penuh.
• o - Lingkaran
• s - Persegi
• v - Garis vertikal dari sumbu x ke titik data
• V - Garis vertikal dengan panjang yang dapat disesuaikan. Ini mendukung sintaksis nilai <size> tambahan yang memungkinkan Anda menentukan panjang baris yang tepat: line_thickness[:length] dengan :length bersifat opsional, dan ditetapkan secara default ke tinggi keseluruhan area diagram. Penanda berada di tengah titik data.
• x - Tanda X

<color>

Warna penanda untuk deret ini, dalam format heksadesimal RRGGBB.

<series_index>

Indeks berbasis nol dari deret data untuk menggambar penanda. Diabaikan untuk penanda h dan penanda yang menentukan lokasi berdasarkan posisi x/y (dimulai dengan karakter @). Anda dapat menggunakan deret data tersembunyi sebagai sumber penanda; lihat Diagram Gabungan untuk informasi selengkapnya. Diagram batang vertikal yang dikelompokkan mendukung sintaksis khusus yang diperluas untuk menyelaraskan penanda dengan batang tertentu.

<opt_which_points>

[Opsional] Titik untuk menggambar penanda. Defaultnya adalah semua penanda. Gunakan salah satu nilai berikut:

• n.d - Tempat menggambar penanda. Artinya bergantung pada jenis penanda:
  • Semua jenis kecuali h - Titik data untuk menggambar penanda, dengan n.d adalah indeks berbasis nol dalam deret. Jika Anda menentukan nilai non-bilangan bulat, maka fraksi tersebut menunjukkan titik menengah yang dihitung. Misalnya, 3,5 berarti setengah jalan antara titik 3 dan titik 4.
  • h - Angka dari 0,0 hingga 1,0, dengan 0,0 di bagian bawah diagram, dan 1,0 adalah bagian atas diagram.
• -1 - Menggambar penanda di semua titik data. Anda juga dapat mengosongkan parameter ini untuk menggambar pada semua titik data.
• -n - Menggambar penanda di setiap titik data ke-n. Nilai floating point; jika n kurang dari 1, diagram akan menghitung poin perantara tambahan untuk Anda. Misalnya, -0,5 akan menempatkan penanda dua kali lebih banyak daripada titik data.
• start:end:n - Gambar penanda di setiap titik data ke-n dalam rentang, mulai dari nilai indeks start hingga end, inklusif. Semua parameter bersifat opsional (mungkin tidak ada), sehingga 3::1 akan berada dari elemen keempat ke elemen terakhir, langkah 1, dan menghilangkan parameter ini sepenuhnya akan ditetapkan secara default ke first:last:1. Semua nilai dapat berupa angka floating point. start dan end bisa negatif, untuk menghitung mundur dari nilai terakhir. Jika start dan end negatif, pastikan keduanya dicantumkan dalam nilai yang meningkat (misalnya, -6:-1:1). Jika nilai langkah n kurang dari 1, nilai ini akan menghitung titik data tambahan dengan menginterpolasi nilai data yang diberikan. Nilai defaultnya adalah first:last:1
• x:y - Menggambar penanda di titik x/y tertentu pada diagram. Titik ini tidak harus berada di garis. Tambahkan karakter @ sebelum jenis penanda untuk menggunakan opsi ini. Tentukan koordinat sebagai nilai floating point, dengan 0:0 sebagai sudut kiri bawah diagram dan 1:1 sebagai sudut kanan atas diagram. Misalnya, untuk menambahkan berlian merah 15 piksel ke tengah diagram, gunakan @d,FF0000,0,0.5:0.5,15.

<size>

Ukuran penanda, dalam piksel. Sebagian besar pengambilan nilai angka tunggal untuk parameter ini; penanda V, H, dan S mendukung sintaksis <size>[:width] dengan bagian kedua opsional menentukan panjang garis atau penanda.

<opt_z_order>

[Opsional] Lapisan tempat penanda akan digambar, dibandingkan dengan penanda lain dan semua elemen diagram lainnya. Ini adalah angka floating point dari -1,0 hingga 1,0, inklusif, dengan -1,0 adalah bagian bawah dan 1,0 adalah bagian atas. Elemen diagram (garis dan batang) hanya lebih rendah dari nol. Jika dua penanda memiliki nilai yang sama, penanda tersebut akan digambar dalam urutan yang ditentukan oleh URL. Nilai defaultnya adalah 0.0 (tepat di atas elemen diagram).

<opt_offset>

[Opsional] Memungkinkan Anda menentukan offset horizontal dan vertikal dari lokasi yang ditentukan. Berikut adalah sintaksis yang menggunakan : pemisah: reserved:<horizontal_offset>:<vertical_offset>. Jika ditentukan, Anda dapat menyertakan nilai kosong dalam string parameter chm untuk <opt_z_order>. Contoh: o,FF9900,0,4,12,,:10 o,FF9900,0,4,12.0,,:-10:20 o,FF9900,0,4,12,1,::20

• reserve [reservasi] - Biarkan kosong.
• <horizontal_offset> - Angka positif atau negatif yang menentukan offset horizontal, dalam piksel. Opsional; biarkan kosong jika tidak digunakan.
• <vertical_offset> - Angka positif atau negatif yang menentukan offset vertikal, dalam piksel. Opsional; biarkan kosong jika tidak digunakan.

 

Contoh

Deskripsi	Contoh
Berikut ini contoh beberapa penanda bentuk dan garis. a,990066,0,0.0,9.0 - Panah ungu, deret pertama, titik pertama, ukuran 9. c,FF0000,0,1.0,20.0 - Tanda silang merah, seri pertama, titik kedua, ukuran 9. d,80C65A,0,2,20.0 - Berlian hijau, seri pertama, poin ketiga, ukuran 9. H,000000,0,3,1:40 - Garis horizontal hitam, deret pertama, titik data 3, lebar satu piksel, panjang empat puluh piksel. o,FF9900,0,4.0,12.0 - Lingkaran oranye, deret pertama, poin kelima, ukuran 12. s,3399CC,0,5.0,11.0 - Kotak biru, seri pertama, poin keenam, ukuran 11. v,BBCCED,0,6.0,1.0 - Garis vertikal ke atas ke titik, deret pertama, titik ketujuh, lebar satu piksel. V,3399CC,0,7.0,1.0 - Garis vertikal dari bawah ke bagian atas diagram, deret pertama, titik kedelapan, lebar satu piksel. x,FFCC33,0,8.0,20.0 - Kuning 'X', seri pertama, poin kesembilan, ukuran 20. H,FFFF00,0,9,2 - Garis kuning horizontal selebar diagram pada titik data 9. h,FF0000,0,0.5,1 - Garis horizontal merah pada tinggi yang ditentukan, deret pertama, di tengah diagram, selebar satu piksel.	chm=   a,990066,0,0.0,9.0|   c,FF0000,0,1.0,20|   d,80C65A,0,2.0,20.0|   H,000000,0,3,1:40|   o,FF9900,0,4.0,12.0|   s,3399CC,0,5.0,11.0|   v,BBCCED,0,6,1.0|   V,3399CC,0,7,1.0|   x,FFCC33,0,8,20|   H,FFFF00,0,9,2|   h,FF0000,0,0.5,1
Berikut adalah contoh penggunaan berlian untuk satu deret data, dan lingkaran untuk deret data lainnya. Jika dua atau beberapa penanda menempati titik yang sama, penanda akan digambar sesuai urutan kemunculannya dalam parameter chm. Di sini, lingkaran adalah penanda pertama yang ditetapkan dengan chm, sehingga digambar terlebih dahulu. Berlian ditetapkan dan digambar kedua, yang mengakibatkan berlian digambar di atas lingkaran.	chm=   o,FF9900,0,-1,15.0|   d,FF0000,1,-1,10.0
Berikut diagram garis dengan penanda di setiap titik data kedua (-2 berarti setiap titik lainnya).	chd=t:   0,20,20,50,40,70,70,90,85,45,40,50 chm=   o,0066FF,0,-2,6
Berikut adalah diagram garis dengan penanda dua kali lebih banyak dari titik data (-0,5 berarti setiap setengah titik).	chd=t:   0,20,20,50,40,70,70,90,85,45,40,50 chm=   o,0066FF,0,-.5,6
Contoh ini menunjukkan cara menggunakan penanda h dan v untuk membuat garis petak dengan warna dan ketebalan kustom. Nilai urutan z (nilai terakhir) ditetapkan ke -1, sehingga garis petak digambar di bawah garis data.	chm=   h,76A4FB,0,0:1:.2,2,-1|   V,76A4FB,0,::2,0.5,-1
Diagram ini menambahkan garis isian vertikal ke diagram garis: v - Garis vertikal pada diagram FF0000 - Garis merah 0 - Indeks seri : :.5 - Penentu rentang: dari awal hingga akhir, setiap 0,5 poin. 2 - Ketebalan 2 piksel.	chm=   v,FF0000,0,::.5,2
Contoh ini menambahkan penanda panah dan teks ke diagram menggunakan koordinat yang tepat. Penanda D pertama adalah garis pelacakan di bawah batang. Penanda kedua adalah panah, dan penanda ketiga adalah teks panah.	chm=   D,003971,1,0,3|   @a,000000,0,.25:.75,7|   @tExpected,000000,0,.35:.85,10
Garis horizontal yang terpaku pada titik data tertentu (H) dapat berguna untuk menampilkan nilai relatif, atau menekankan tinggi nilai data pada diagram.	chm=H,FF0000,0,18,1
Grafik ini menunjukkan penanda yang dapat menentukan ketebalan dan panjang garis dalam parameter <size>. E,000000,0,6,1:20 - Batang error hitam dengan garis selebar 1 piksel, batang atas dan bawah sepanjang 20 piksel. Bagian bawah ditambatkan ke seri 0 titik 8, bagian atas ditambatkan ke seri 1 titik 8. H,990066,1,2,5:50 - Ungu, garis horizontal selebar lima piksel, panjang lima puluh piksel yang berpusat pada titik data 2. V,3399CC,0,8,3:50- Garis vertikal berwarna biru dengan lebar 3 piksel, panjang lima puluh piksel, yang berpusat pada titik data 8.	title="cht=lc&chd=s:2gounjqLaCf,jqLaCf2goun&chco=008000,00008033&chls=2.0,4.0,1.0&chs=250x150&chm=H,990066,1,2,5:50%7,1,2,5:50%7,1,2,5:50%7 chm=   E,000000,0,6,1:20|   H,990066,1,2,5:50|   V,3399CC,0,8,3:50

Kembali ke atas

Penanda Nilai Data dan Teks chm [Batang, Garis, Radar, Sebar]

Anda dapat melabeli titik-titik tertentu pada diagram dengan teks kustom, atau dengan versi data yang telah diformat pada saat itu.

Anda dapat menggabungkan penanda chm menggunakan karakter pipa ( | ) untuk memisahkan kumpulan parameter chm.

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

Tentukan satu kumpulan parameter berikut untuk setiap rangkaian yang harus ditandai. Untuk menandai beberapa deret, buat set parameter tambahan, yang dipisahkan dengan karakter pipa. Anda tidak perlu memberi markup pada semua seri. Jika Anda tidak menetapkan penanda ke deret data, penanda tidak akan mendapatkan penanda apa pun.

chm=
  <marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_placement>
    |...|
  <marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_placement>

<marker_type>

Jenis penanda yang akan digunakan. Anda dapat memilih dari jenis berikut:

• f<text> - Flag yang berisi teks. Tentukan karakter 'f', diikuti dengan teks berenkode URL kustom. Untuk meng-escape koma dalam penanda teks, awali koma dengan tanda \. Contoh: fHello\,+World!
• t<text> - Penanda teks sederhana. Tentukan karakter 't' diikuti dengan teks berenkode URL kustom. Untuk meng-escape koma dalam penanda teks, awali koma dengan tanda \. Contoh: tHello\,+World!
• A<text> - Penanda anotasi. Penanda ini mirip dengan penanda bendera, tetapi penanda akan mengoordinasikan posisinya agar tidak tumpang tindih. Satu-satunya format yang valid untuk <opt_which_points> adalah n.d, untuk menunjukkan indeks titik dalam deret.
• N<formatting_string> - Nilai data pada tahap ini, dengan format opsional. Jika Anda tidak menggunakan parameter chds (penskalaan kustom), parameter tersebut akan memberikan nilai encoding yang tepat; jika Anda menggunakan parameter tersebut dengan jenis format apa pun, nilai tersebut akan diskalakan ke rentang yang Anda tentukan. Lihat contoh chds dengan penanda numerik di bawah ini. Dengan jenis penanda ini dalam diagram batang bertumpuk, jika Anda menentukan -1 untuk <series_index>, Anda akan mendapatkan penanda yang menunjukkan jumlah semua nilai dalam batang bertumpuk ini. Sintaksis string pemformatan adalah sebagai berikut:
         <preceding_text>*<number_type><decimal_places>zs<x or y>*<following_text>.
  Semua elemen ini bersifat opsional. Berikut arti dari setiap elemen:
  • <preceding_text> - Teks 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 atau y -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 untuk mengikuti setiap nilai.

<color>

Warna penanda untuk kumpulan ini, dalam format heksadesimal RRGGBB.

<series_index>

Indeks berbasis nol dari deret data untuk menggambar penanda. Jika diagram ini adalah diagram batang bertumpuk dan jenis penandanya adalah N (nilai titik data), Anda dapat menentukan -1 untuk membuat penanda nilai yang dijumlahkan untuk setiap tumpukan batang. Lihat contoh di bawah.

<opt_which_points>

[Opsional] Titik untuk menggambar penanda. Defaultnya adalah semua penanda. Gunakan salah satu nilai berikut:

• n.d - Titik data untuk menggambar penanda, dengan n.d adalah indeks berbasis nol dalam deret. Jika Anda menentukan nilai non-bilangan bulat, maka pecahan tersebut menunjukkan titik menengah yang dihitung. Misalnya, 3,5 berarti setengah jalan antara titik 3 dan titik 4.
• -1 - Menggambar penanda di semua titik data. Anda juga dapat mengosongkan parameter ini untuk menggambar pada semua titik data.
• -n - Menggambar penanda di setiap titik data ke-n.
• start:end:n - Gambar penanda di setiap titik data n dalam suatu rentang, mulai dari nilai indeks n hingga n, inklusif. Semua parameter bersifat opsional (mungkin tidak ada), sehingga 3::1 akan berasal dari elemen keempat hingga terakhir, langkah 1, dan menghilangkan parameter ini sepenuhnya akan ditetapkan secara default ke first:last:1. Semua nilai dapat berupa angka floating point. start dan end bisa negatif, untuk menghitung mundur dari nilai terakhir. Jika start dan end negatif, pastikan keduanya dicantumkan dalam nilai yang meningkat (misalnya, -6:-1:1). Jika nilai langkah n kurang dari 1, titik data tambahan akan dihitung dengan menginterpolasi nilai data yang diberikan. Nilai defaultnya adalah first:last:1
• x:y - [Tidak didukung untuk penanda jenis N] Gambar penanda pada titik x/y tertentu pada diagram. Titik ini tidak harus berada di garis. Tambahkan karakter at (@) sebelum jenis penanda untuk menggunakan opsi ini. Tentukan koordinat sebagai nilai floating point, dengan 0:0 sebagai sudut kiri bawah diagram, 0.5:0.5 sebagai pusat diagram, dan 1:1 adalah sudut kanan atas diagram. Misalnya, untuk menambahkan berlian merah 15 piksel ke bagian tengah diagram, gunakan @d,FF0000,0,0.5:0.5,15.

<size>

Ukuran penanda dalam piksel. Jika diagram sebar dengan deret data ketiga (digunakan untuk menentukan ukuran titik), nilai ini akan diskalakan menurut rentang data. Jadi, jika rentang datanya adalah 0—100 dan <size> adalah 30, nilai data 100 adalah lebar 30 piksel, nilai data 50 adalah lebar 15 piksel, dan seterusnya.

<opt_z_order>

[Opsional] Lapisan tempat penanda akan digambar, dibandingkan dengan penanda lain dan semua elemen diagram lainnya. Ini adalah angka floating point dari -1,0 hingga 1,0, inklusif, dengan -1,0 adalah bagian bawah dan 1,0 adalah bagian atas. Elemen diagram (garis dan batang) hanya lebih rendah dari nol. Jika dua penanda memiliki nilai yang sama, penanda tersebut akan digambar dalam urutan yang ditentukan oleh URL. Nilai defaultnya adalah 0.0 (tepat di atas elemen diagram).

<opt_placement>

[Opsional] Detail penempatan tambahan yang menjelaskan tempat untuk meletakkan penanda ini, dalam kaitannya dengan titik data. Anda dapat menentukan posisi relatif horizontal dan/atau vertikal, serta offset. Sintaksis penempatan adalah string dengan pemisah seperti ditunjukkan di sini. Semua elemen bersifat opsional: <horizontal_and_vertical_justification>:<horizontal_offset>:<vertical_offset>. Jika ditentukan, Anda dapat menyertakan nilai kosong, dalam string parameter chm untuk <opt_z_order>. Contoh: N,000000,0,1,10,,b, N,000000,0,1,10,,lv, dan N,000000,0,1,10,,r::10.

horizontal_and_vertical_justification

Titik tambatan penanda. Hal ini berperilaku berlawanan dengan justifikasi, jadi anchor kiri benar-benar menempatkan penanda di sebelah kanan titik data. Anda dapat memilih justifier horizontal dan/atau vertikal dari daftar berikut:

• Penempatan horizontal: 'l', 'h', atau 'r' - Kiri, tengah, atau anchor kanan, secara horizontal. Defaultnya adalah 'l'.
• Penempatan vertikal: 'b', 'v', 't' - Bawah, tengah, atau anchor atas, secara vertikal. Defaultnya adalah 'b'.
• Penempatan relatif batang [Khusus diagram batang]: 's', 'c', 'e' - Dasar, tengah, atau atas batang. Untuk diagram bertumpuk, nilai ini relatif terhadap bagian batang untuk setiap deret, bukan seluruh batang. Jika indeks seri yang diberikan adalah -1 (total tumpukan), indeks seri tersebut dalam kaitannya dengan seluruh batang. Nilai ini dapat digabungkan dengan nilai penempatan vertikal: misalnya, 'be' atau 'vs'. Nilai defaultnya adalah 'e'.

horizontal_offset

Offset horizontal untuk penanda ini, dalam piksel. Defaultnya adalah 0.

vertical_offset

Offset vertikal untuk penanda ini, dalam piksel. Default diagram non-bat: 15; default diagram batang: 2.

Deskripsi	Contoh
Berikut adalah contoh label nilai pada diagram batang. Diagram pertama (N*p0*) menentukan penanda nilai data, dengan nilai yang ditampilkan sebagai persentase, yang dibulatkan ke tempat desimal nol, berwarna hitam, pada semua nilai, dalam teks 11 poin. Perhatikan bahwa nilai data semuanya antara 0,0 dan 1,0, yang dalam format persentase, dipindahkan ke atas dua angka desimal. Diagram kedua (N*cEUR1*) menunjukkan nilai yang sama dengan format nilai Euro, satu angka di belakang koma, berwarna hitam, pada semua nilai, dalam teks 11 poin.	chm=   N*p0*,000000,0,-1,11 chd=t:   0.4356,0.3562,0.4834,0.575,0.673,0.6091 chm=   N*cEUR1*,000000,0,-1,11
Anda dapat menggunakan parameter chds untuk menskalakan nilai numerik yang ditampilkan. Anda dapat menggunakan chds untuk semua format data, termasuk encoding sederhana dan diperluas. Hal ini tidak akan memengaruhi ukuran batang atau label sumbu, tetapi hanya nilai penanda data. Contoh ini menampilkan diagram dengan nilai yang dienkode sederhana yaitu 46, 39, 29, 30, 43, 41. Rentang encoding sederhana adalah 0—61 . Parameter chds menentukan skala penanda kustom 0—1, sehingga nilai penanda diskalakan ke rentang ini, tetapi tinggi batang tidak terpengaruh (jika ini adalah data format teks, batang juga akan diskalakan).	chd=s:underp chm=N,000000,0,-1,11 chds=0,1
Berikut ini contoh diagram dengan label teks di titik minimum dan label bendera di titik maksimum.	chm=   tMin,0000FF,0,1,10|   fMax,FF0000,0,3,15
Contoh ini menunjukkan diagram bertumpuk dengan nilai untuk masing-masing deret, ditambah total deret. Untuk menampilkan nilai deret bertumpuk, kita harus menggunakan opsi positioning 'c'; jika tidak, nilai batang atas akan tumpang tindih dengan nilai jumlah di bagian atas setiap batang.	chm=   N,FF0000,-1,,12|   N,000000,0,,12,,c|   N,000000,1,,12,,c|   N,ffffff,2,,12,,c
Beberapa demonstrasi lainnya tentang cara kerja penempatan vertikal dan horizontal. Contoh ini menunjukkan berbagai kombinasi nilai anchor untuk diagram batang (yang menggunakan s, c,dan e untuk penempatan vertikal). Perhatikan bagaimana anchor kanan menggerakkan penanda ke kiri, sedangkan anchor atas menggerakkan penanda ke bawah, dan sebaliknya. Titik merah menunjukkan bagian dasar, tengah, dan atas setiap batang. Angka tersebut adalah nilai data, yang ditetapkan menggunakan nilai anchor yang berbeda untuk setiap batang.	chm=   N,000000,0,0,10,,rs   N,000000,0,1,10,,ls   N,000000,0,2,10,,c   N,000000,0,3,10,,e   N,000000,0,4,10,,e::15   N,000000,0,5,10,,e::-12
Penanda anotasi secara otomatis menyesuaikan posisi label agar tidak tumpang-tindih. Nilai chm pertama adalah untuk pengisian baris, nilai berikut adalah semua penanda anotasi.	chm=B,C5D4B5BB,0,0,0   AA,666666,0,3,15   AB,666666,0,5,15   AC,666666,0,24,15   AD,666666,0,25,15   AE,666666,0,26,15   AF,666666,0,51,15   AG,666666,0,60,15   AH,666666,0,73,15   AI,666666,0,80,15   AJ,666666,0,99,15
Contoh penanda anotasi lain yang menunjukkan ketinggian kota di Swiss.

Kembali ke atas

Penanda Rentang chm [Batang, Batang Lilin, Garis, Radar, Sebar]

Anda dapat mewarnai pita horizontal atau vertikal pada garis isian latar belakang untuk menyoroti area tertentu pada diagram.

Anda dapat menggabungkan penanda chm menggunakan karakter pipa ( | ) untuk memisahkan kumpulan parameter chm.

Sintaksis

Tentukan satu set parameter berikut untuk setiap tali smartwatch yang akan digambar. Untuk menggambar beberapa band, buat set parameter tambahan, yang dipisahkan dengan karakter pipa. Rentang digambar dalam urutan yang ditentukan, sehingga rentang terakhir yang digambar akan digambar di atas rentang sebelumnya.

chm=
  <direction>,<color>,0,<start_point>,<end_point>
    |...|
  <direction>,<color>,0,<start_point>,<end_point>

<direction>

Menentukan bayangan horizontal atau vertikal. Gunakan r untuk rentang horizontal dan R untuk rentang vertikal.

<color>

Warna rentang sebagai angka heksadesimal format RRGGBB.

0

Dicadangkan — harus nol.

<start_point>

Posisi awal rentang.

• Untuk penanda rentang horizontal, penanda ini adalah posisi pada sumbu y, dengan 0.00 sebagai bagian bawah diagram, dan 1.00 adalah bagian atas diagram.
• Untuk penanda rentang vertikal, penanda ini adalah posisi pada sumbu x, dengan 0.00 di sebelah kiri diagram, dan 1.00 di sebelah kanan diagram.

<end_point>

Posisi akhir rentang.

• Untuk penanda rentang horizontal, penanda ini adalah posisi pada sumbu y, dengan 0.00 sebagai bagian bawah diagram, dan 1.00 adalah bagian atas diagram.
• Untuk penanda rentang vertikal, penanda ini adalah posisi pada sumbu x, dengan 0.00 di sebelah kiri diagram, dan 1.00 di sebelah kanan diagram.

 

Contoh

Deskripsi	Contoh
Penanda rentang dapat berupa garis tipis atau pita warna. r,E5ECF9,0,0.75,0.25 - Penanda rentang, biru pucat, (dicadangkan), 0,5 dari tinggi diagram. r,000000,0,0.1,0.11 - Penanda rentang, hitam, (dicadangkan), dimulai dari 0,1 ke arah atas sumbu y dan berakhir di posisi 0,11 ke atas sumbu y (garis hitam tipis).	chm=   r,E5ECF9,0,0.75,0.25|   r,000000,0,0.1,0.11
Contoh ini menampilkan penanda rentang vertikal. Penanda pertama adalah garis merah (FF0000), dan yang kedua adalah tali biru pucat (A0BAE9).	chm=   R,FF0000,0,0.1,0.11|   R,A0BAE9,0,0.75,0.25
Penanda digambar sesuai urutan yang ditentukan. Dalam contoh ini, Anda dapat melihat bahwa penanda merah vertikal digambar sebelum penanda horizontal biru pucat.	chm=   R,FF0000,0,0.1,0.11|   R,A0BAE9,0,0.75,0.25|   r,E5ECF9,0,0.75,0.25|   r,000000,0,0.1,0.11
Berikut adalah contoh diagram garis yang menggunakan penanda rentang untuk menggambar garis horizontal samar di diagram pada garis nol, garis titik tengah, dan bagian atas.	chm=   r,000000,0,0.499,0.501|   r,000000,0,0.998,1.0|   r,000000,0,0.0,0.002

Kembali ke atas

Penanda Lilin chm=F [Batang, Garis]

Penanda batang lilin menunjukkan varians dan perubahan arah dalam deret data. Sering kali digunakan untuk menampilkan nilai stok selama sehari. Penanda menyertakan segmen yang menampilkan nilai tinggi dan rendah, serta nilai pembukaan dan penutupan untuk jangka waktu tertentu (biasanya satu hari). Untuk informasi selengkapnya tentang penanda lilin, lihat di sini.

Penanda lilin digambar sebagai persegi panjang yang dibelah oleh garis vertikal. Diperlukan empat deret data untuk menggambar penanda lilin; inilah yang ditentukan oleh setiap deret:

• Seri 1 dan 4 menentukan bagian bawah dan atas garis vertikal. Nilai ini biasanya mewakili nilai rendah dan tinggi untuk hari tersebut.
• Seri 2 dan 3 menentukan batas vertikal persegi panjang. Seri 2 adalah nilai pembukaan, dan seri 3 adalah nilai penutupan. Warna persegi panjang bergantung pada yang lebih tinggi: saat nilai pembukaan (seri 2) lebih rendah dari nilai penutupan (seri 3), harga naik, dan persegi panjang diisi dengan warna hijau solid secara default; saat nilai buka (seri 2) lebih tinggi dari nilai penutupan (seri 3), harga akan turun, dan persegi panjang diisi dengan warna merah solid secara default. Anda hanya dapat menetapkan warna isian untuk persegi panjang dengan nilai yang menurun. Saat Anda menentukannya, persegi panjang dengan nilai yang meningkat tidak akan diisi (kosong). Perhatikan bahwa deret 2 dapat berupa bagian atas atau bawah persegi panjang, bergantung pada apakah harganya naik atau turun.

Anda dapat menggabungkan penanda lilin dengan parameter chm lainnya menggunakan karakter pipa ( | ) untuk memisahkan parameter chm.

Catatan: Jika tidak ingin garis untuk data yang digunakan untuk menggambar penanda muncul dalam diagram, Anda harus menyertakan 0 setelah jenis format. Misalnya: chd=t0:10,20,30,40 dalam string data format teks. Lihat Diagram Gabungan untuk informasi selengkapnya.

Berikut adalah contoh yang menampilkan baris untuk setiap deret:

Sintaksis

chm=
  F,<opt_declining_color>,<data_series_index>,<opt_which_points>,<width>,<opt_z_order>

F

Menunjukkan bahwa ini adalah penanda lilin.

<opt_declining_color>

[Opsional] Warna isi untuk persegi panjang saat nilainya menurun (jika nilai seri 2 > nilai seri 3 yang sesuai). Ini adalah angka heksadesimal format RRGGBB. Jika nilainya naik, persegi panjang akan kosong. Defaultnya adalah hijau tidak berkedip untuk menaikkan, merah solid untuk menurun (Anda tidak dapat menentukan warna isian kustom untuk peningkatan nilai).

<data_series_index>

Indeks deret data yang akan digunakan sebagai deret pertama untuk penanda lilin Anda. Ini adalah indeks berbasis nol. Jadi, jika Anda menentukan 1 di sini, dan Anda memiliki enam deret, deret kedua, ketiga, keempat, dan kelima akan digunakan untuk menggambar penanda lilin.

<opt_which_points>

[Opsional] Menentukan titik data yang digunakan untuk menggambar penanda. Defaultnya adalah semua penanda. Gunakan salah satu format berikut:

• n.d - Gambar penanda pada satu titik dalam deret, dengan n.d adalah indeks titik dalam deret. Jika Anda menentukan nilai non-bilangan bulat, maka fraksi tersebut menunjukkan titik menengah yang dihitung. Misalnya, 3,5 berarti setengah jalan antara titik 3 dan titik 4.
• -1 - Menggambar penanda di semua titik data. Anda juga dapat mengosongkan parameter ini untuk menggambar pada semua penanda.
• -n - Menggambar penanda di setiap titik data ke-n.
• start:end:n - Gambar penanda di setiap titik data ke-n dalam rentang, mulai dari nilai indeks start hingga end, inklusif. Semua parameter bersifat opsional (mungkin tidak ada), sehingga 3::1 akan berada dari elemen keempat ke elemen terakhir, langkah 1, dan menghilangkan parameter ini sepenuhnya akan ditetapkan secara default ke first:last:1. Semua nilai dapat berupa angka floating point. start dan end bisa negatif, untuk menghitung mundur dari nilai terakhir. Jika start dan end negatif, pastikan keduanya dicantumkan dalam nilai yang meningkat (misalnya, -6:-1:1). Jika nilai langkah n kurang dari 1, titik data tambahan akan dihitung dengan menginterpolasi nilai data yang diberikan. Nilai defaultnya adalah first:last:1

<lebar>

Lebar semua persegi panjang, dalam piksel.

<opt_z_order>

[Opsional] Lapisan tempat penanda akan digambar, dibandingkan dengan penanda lain dan semua elemen diagram lainnya. Ini adalah angka floating point dari -1,0 hingga 1,0, inklusif, dengan -1,0 adalah bagian bawah dan 1,0 adalah bagian atas. Elemen diagram (garis dan batang) hanya lebih rendah dari nol. Jika dua penanda memiliki nilai yang sama, penanda tersebut akan digambar dalam urutan yang ditentukan oleh URL. Nilai defaultnya adalah 0.0 (tepat di atas elemen diagram).

 

Contoh

Deskripsi	Contoh
Berikut adalah contoh penanda lilin pada diagram garis dengan empat deret. Warna isian kustom 0000FF (biru) ditetapkan, dan warna ini digunakan untuk mengisi persegi panjang jika titik di seri 3 lebih kecil dari titik yang setara dalam seri 2. Persegi panjang pertama dan terakhir dipangkas oleh diagram. Untuk menghilangkan nilai ini, Anda dapat menentukan 1:4 untuk parameter keempat chm. Perhatikan angka nol di string data untuk menyembunyikan baris deret: chd=t0. Hal ini menunjukkan bahwa semua data diagram akan digunakan untuk penanda. Parameter <which_point> kosong, yang menggambar lilin di semua titik data.	chd=t0:   0, 5,10, 7,12, 6|   35,25,45,47,24,46|   15,40,30,27,39,54|   70,55,63,59,80,60 chm=F,0000FF,0,,20
Berikut adalah contoh diagram yang sama, menggunakan warna default, serta menghapus item pertama dan terakhir. Diagram gabungan ini merupakan kombinasi dari diagram garis (jenis diagram dasar) dan penanda batang lilin. Nilai 1 dalam cht=t:1 berarti semua deret data setelah yang pertama harus disembunyikan dari jenis diagram dasar (diagram garis). Angka 1 yang pertama dalam chm=F,,1,1:4,20 berarti data batang lilin berasal dari seri 2, 3, 4, dan 5 (angka 1 berbasis nol). Lihat Diagram Gabungan untuk informasi selengkapnya tentang cara menggambar diagram gabungan seperti ini.	cht=lc chm=   F,,1,1:4,20 chd=t1:   15,40,30,27,39,54|   ...

Kembali ke atas

Penanda Garis chm=D [Batang, Batang Lilin, Garis, Radar, Sebar]

Anda dapat menambahkan garis yang melacak data di diagram. paling sering digunakan dalam diagram gabungan.

Untuk menambahkan beberapa baris (atau menggabungkannya dengan penanda chm lainnya), pisahkan kumpulan parameter chm menggunakan pemisah pipa ( | ). Anda tidak dapat membuat penanda garis putus-putus dengan parameter ini.

Sintaksis

chm=
  D,<color>,<series_index>,<which_points>,<width>,<opt_z_order>

D

Menunjukkan bahwa ini adalah penanda garis.

<color>

Warna garis, dalam format heksadesimal RRGGBB.

<series_index>

Indeks deret data yang digunakan untuk menggambar garis. Indeks deret data adalah 0 untuk deret data pertama, 1 untuk deret data kedua, dan seterusnya.

<which_points>

Titik mana dalam deret yang akan digunakan untuk menggambar garis. Gunakan salah satu nilai berikut:

• 0 - Gunakan semua poin dalam deret.
• start:end - Menggunakan rentang titik tertentu dalam deret, dari start hingga end, inklusif (indeks berbasis nol). Anda juga dapat menggunakan nilai floating point untuk menentukan titik perantara, atau membiarkan start atau end kosong untuk menunjukkan titik data pertama atau terakhir. start dan end bisa bernilai negatif, sebagai indeks terbalik dari nilai terakhir. Jika start dan end bernilai negatif, pastikan untuk menuliskannya dalam nilai yang semakin meningkat (misalnya, -6:-1).

<size>

Lebar garis dalam piksel.

<opt_z_order>

[Opsional] Lapisan tempat penanda akan digambar, dibandingkan dengan penanda lain dan semua elemen diagram lainnya. Ini adalah angka floating point dari -1,0 hingga 1,0, inklusif, dengan -1,0 adalah bagian bawah dan 1,0 adalah bagian atas. Elemen diagram (garis dan batang) hanya lebih rendah dari nol. Jika dua penanda memiliki nilai yang sama, penanda tersebut akan digambar dalam urutan yang ditentukan oleh URL. Nilai defaultnya adalah 0.0 (tepat di atas elemen diagram).

 

Contoh

Deskripsi	Contoh
Ini adalah contoh menggambar garis penanda pada diagram batang. Urutan z disetel ke 1, sehingga garis digambar di atas batang. Contoh ini menggunakan data yang sama untuk batang dan garis data.	chm=D,0033FF,0,0,5,1 chd=s:1XQbnf4
Diagram ini sama dengan diagram batang, tetapi dengan deret data tambahan hanya untuk garis tersebut. Ini adalah contoh diagram gabungan. Diagram gabungan digambar dengan menambahkan deret data tambahan ke parameter chd, ditambah nilai ke chd yang memberi tahu diagram untuk "mengabaikan" deret data tambahan. Lihat Diagram Gabungan untuk informasi selengkapnya.	chm=D,0033FF,1,0,5,1 chd=s1:1XQbnf4,43ksfg6

Kembali ke atas

Fungsi Data chfd [Semua chd diagram]

Anda dapat menentukan fungsi kustom untuk dijalankan pada data diagram menggunakan sintaksis fungsi muParser. Data yang digunakan dalam fungsi dapat berasal dari salah satu dari dua sumber:

• Deret data dari chd - Data diambil dari deret yang ditentukan di chd.
• Rentang nilai yang dideklarasikan dalam parameter chfd itu sendiri - Anda mendeklarasikan nilai awal, perhentian, dan langkah untuk rentang data arbitrer.

Penting untuk diperhatikan bahwa dalam semua kasus, Anda harus menetapkan output ke rangkaian yang ada di chd; deret tersebut akan ditimpa oleh output fungsi. Diagram hanya dirender setelah semua fungsi diproses. Jadi, jika Anda menetapkan beberapa fungsi untuk menghasilkan output pada deret data yang sama, fungsi tersebut akan dijalankan sesuai urutan yang diberikan, tetapi hanya output dari fungsi akhir yang akan dipetakan pada diagram. Perhatikan bahwa Anda dapat merangkai fungsi, sehingga satu fungsi dapat mengambil serangkaian input yang dihasilkan oleh fungsi sebelumnya sebagai input.

Untuk menetapkan warna atau penanda chm ke baris fungsi, tetapkan warna atau penanda ke indeks seri fungsi. Perhatikan bahwa penanda ditempatkan sesuai dengan data setelah dimanipulasi oleh fungsi.

Sintaksis

chfd=
  <output_series_index>,<function_data>,<function_string>
    |...|
  <output_series_index>,<function_data>,<function_string>

<output_series_index>

Indeks berbasis nol dari deret data di chd yang akan digunakan untuk menulis output fungsi. Semua data yang ada akan ditimpa sepenuhnya oleh output fungsi. Jika deret tidak digunakan sebagai input untuk suatu fungsi, praktik terbaiknya adalah menetapkan satu nilai dummy ke deret tersebut.

<function_data>

Variabel dan data yang akan diplot. Data dapat berasal dari rentang yang Anda tentukan, atau dari salah satu deret data chd. Anda dapat menentukan beberapa variabel untuk setiap fungsi, menggunakan pemisah ; (titik koma) untuk beberapa variabel. Perhatikan bahwa jika Anda menentukan beberapa variabel untuk satu fungsi, dan variabel ini memiliki jumlah titik yang berbeda, fungsi tersebut akan berhenti ketika sudah mencapai endpoint pertama. Misalnya, jika suatu fungsi menetapkan x=1—5 langkah 1 dan y=1—10 langkah 1, fungsi tersebut akan berakhir ketika mencapai titik kelima.
    <variable_name>,<input_series_index>
         ATAU
    <variable_name>,<start>,<end>,<step>

• variable_name - Nama string arbitrer untuk variabel. Gunakan ini dalam fungsi yang ditentukan oleh function_string.
• input_series_index - Indeks deret data chd yang digunakan sebagai data input.
• start - Nilai awal numerik rentang.
• end - Nilai akhir numerik rentang.
• langkah - Nilai langkah numerik dari awal hingga akhir. Bisa positif atau negatif, tetapi tidak boleh nol.

Contoh: x,0,100,1 mendeklarasikan variabel bernama x dengan nilai 0, 1, 2, ... 100. x,0,100,1;r,0,3.1,.1 mendeklarasikan variabel x yang sama ditambah variabel bernama r dengan nilai 0, 0.1, 0.2, ..., 3.0, 3.1. x,0 mendeklarasikan variabel bernama x yang menggunakan data dari deret chd pertama. Variabel ini akan digunakan oleh function_string. Parameter ini tidak akan digambarkan pada grafik kecuali jika Anda menentukannya dalam function_string. Semakin kecil langkah, grafik Anda akan semakin halus.

<function_string>

Fungsi Anda, yang ditulis dalam sintaksis muParser. Fungsi ini diterapkan ke variabel dan data yang ditetapkan dalam variable_data. Anda hanya dapat mereferensikan variabel yang dideklarasikan dalam kumpulan fungsi lokal ini, bukan dalam kumpulan pipe parameter chfd lainnya. Fungsi muParser ringkasan tidak didukung (min, jumlah maksimum, rata-rata). PENTING: Ingatlah untuk menggunakan %2B, bukan +, di fungsi Anda.

 

Contoh

Deskripsi	Contoh
Gelombang sinus sederhana. Beberapa hal yang perlu diperhatikan: chd=t:-1 - Kami menggunakan variabel tiruan untuk data diagram, karena data kami dideklarasikan dalam parameter chfd. chco=FF0000 - Merah ditentukan untuk seri pertama. Meskipun kita tidak menggunakan data dari chd, warna yang sesuai untuk deret tersebut akan digunakan untuk fungsi yang diplot tersebut. chfd=0,x,0,11,0.1,sin(x)*50%2B50 - Kami mendeklarasikan satu variabel, yang disebut x, dengan nilai 0—11, bertambah 0,1. Ini ditetapkan ke seri pertama, yang berarti akan mendapatkan warna seri pertama (FF0000). Fungsi yang diterapkan pada x adalah sin(x) * 50 + 50. Perhatikan bagaimana kita harus mengenkode tanda + dalam fungsi tersebut.	cht=lc chd=t:-1 chco=FF0000 chfd=   0,x,0,11,0.1,sin(x)*50%2B50 chxt=x,y
Baris ini menggunakan data dari parameter chd.	chd=t:5,10 chfd=0,x,0,x*4
Campuran baris fungsi dan non-fungsi. Perhatikan bagaimana warna ditentukan oleh parameter warna seri chco. Perhatikan penempatan penanda pada output fungsi; titik data dihitung dari start, end, dan step, sehingga jika rentang Anda adalah 0—11 langkah 0,1, titik 0 adalah 0, titik 1 adalah 0,1 dan seterusnya, sampai titik 110 yang memiliki nilai 11.	chd=t:   -1   15,45 chco=   FF0000,000000 chfd=   0,x,0,11,0.1,sin(x)*50%2B50 chm=   c,00A5C6,0,110,10   a,00A5C6,0,60,10
Untuk menentukan fungsi dalam dua dimensi, gunakan diagram lxy, tetapkan dua deret tiruan, dan tetapkan fungsi untuk masing-masing. 0,x,0,10,0.1,sin(x)*50%2B50 - Seri 0 (nilai sumbu x) memiliki variabel bernama x, dengan nilai dari 0—10, langkah 0,1, dan fungsi sin(x)*50 + 50 0,y,0,10,0.1,sin(y)*50%2B50 - Seri 0 (nilai sumbu y) memiliki variabel bernama y, dengan nilai dari 0—10, langkah 0,1, dan fungsi sin(x)*50 + 50	cht=lxy chd=t:-1|-1 chfd=   0,x,0,10,0.1,sin(x)*50%2B50|   1,y,0,10,0.1,cos(y)*50%2B50
Parameter chfd benar-benar dapat digunakan untuk mengekspresikan kreativitas Anda. Coba klik gambar-gambar ini untuk membuka dan bermain-main dengannya di playground tangga lagu; Anda akan terpikat.

Kembali ke atas