Ringkasan

Anda dapat menggabungkan beberapa jenis diagram dengan penanda garis atau candlestick untuk menyoroti tren data atau menampilkan varians. Saat Anda menambahkan penanda garis atau batang lilin ke batang, sebar, atau jenis diagram lainnya, diagram yang dihasilkan disebut diagram gabungan. Beberapa diagram gabungan terlihat seperti kombinasi dari dua jenis diagram—misalnya, diagram batang dengan garis pelacakan:

sementara diagram lainnya terlihat seperti jenis diagram yang sama sekali baru—misalnya, diagram kotak:

.

Membuat Diagram Gabungan

Semua diagram gabungan terdiri dari satu atau beberapa jenis diagram dasar (garis, sebar, batang, atau radar) yang dikombinasikan dengan satu atau beberapa kumpulan penanda. Penanda ini memerlukan data untuk menempatkannya pada diagram. Terkadang, Anda dapat menggunakan deret data yang sama seperti yang digunakan untuk menggambar batang atau titik pada diagram, tetapi biasanya Anda ingin penanda memiliki set datanya sendiri yang independen. Jika Anda ingin diagram memiliki deret data yang berbeda untuk diagram dasar dan untuk penanda, Anda harus menyembunyikan data penanda dari diagram dasar (agar diagram tidak mencoba menggambar lebih banyak batang atau garis dengan data tersebut). Berikut cara melakukannya:

1. Tambahkan rangkaian data penanda ke akhir parameter chd. Misalnya, jika diagram batang memiliki data chd=t:30,10,20, Anda dapat menambahkan data baru untuk penanda garis seperti ini: chd=t:30,10,20|60,40,50.
2. Sembunyikan data penanda tambahan dari diagram dasar. Jika Anda hanya menambahkan deret data tambahan ke diagram batang untuk garis pelacakan, diagram akan menampilkannya sebagai deret batang baru. Untuk mencegah hal ini, Anda harus menyembunyikan rangkaian tambahan ini. Untuk menyembunyikan deret, sertakan satu digit setelah deskripsi format chd: misalnya, chd=t1:30,10,20|60,40,50. Angka ini memberi tahu Chart API berapa banyak deret data yang akan digunakan untuk menggambar elemen untuk jenis diagram dasar tersebut seperti yang ditentukan oleh parameter cht (batang untuk diagram batang, titik data untuk diagram garis, dan seterusnya). Setiap deret data tambahan akan diabaikan oleh jenis diagram tersebut saat menggambar diagram. Perhatikan bahwa ini adalah angka berbasis 1, bukan berbasis 0. Jadi t1 berarti "hanya gunakan deret data pertama untuk batang", t2 berarti "hanya gunakan dua deret pertama untuk batang", dll.
   1. Catatan:
      1. Diagram sebar - Diagram sebar menyembunyikan data dengan cara yang berbeda; lihat dokumentasi untuk detail selengkapnya.
      2. Diagram garis lxy - Menentukan jumlah deret genap yang akan ditampilkan (t0, t2, t4, dll). Hal ini karena setiap baris dalam diagram lxy dideskripsikan oleh dua deret data: satu untuk nilai x, dan satu untuk nilai y.
3. Gunakan deret data tersembunyi untuk menggambar penanda batang lilin, penanda garis, atau penanda lainnya. Cara menggambar penanda dibahas di bagian tertaut. Referensikan rangkaian data tersembunyi sebagai sumber untuk penanda Anda. Anda dapat menyertakan rangkaian data tersembunyi tambahan sebanyak yang diinginkan, dan menggunakannya untuk penanda diagram tambahan.

Berikut ini bagan yang baru saja kita gambarkan:

cht=bvg
chd=t1:30,10,20|60,40,50
chm=D,0033FF,1,0,5,1

 

Jenis Diagram

Berikut adalah daftar jenis penanda dan jenis diagram yang dapat digunakan:

Jenis Penanda	Jenis Diagram Dasar yang Mendukungnya
Garis	Garis, Sebar, Bar, Radar
Batang Lilin	Garis, Batang
Lainnya	Garis, Sebar, Bar, Radar

Berikut adalah beberapa contoh jenis diagram gabungan yang dapat Anda buat:

Jenis Diagram	Deskripsi	Contoh
Diagram penanda garis	Penanda garis dapat digunakan untuk menunjukkan tren di berbagai jenis diagram lainnya.
Diagram batang lilin	Diagram batang lilin sering digunakan untuk menampilkan data keuangan.
Diagram kotak	{i>Box chart<i} digunakan untuk menampilkan data yang dikelompokkan ke dalam kuartil rentang.
Diagram yang disematkan	Anda dapat menyematkan diagram dalam diagram lain.
Penanda lainnya	Anda dapat menyembunyikan data penanda di salah satu jenis diagram dasar yang dapat diterima dan menggunakannya dengan jenis penanda lain yang Anda sukai.	chd=t1:   10,20,30,40,50,60,70,80   5,10,15,20,25,30,35,40,45,50 chm=o,000000,1,-1,5

Kembali ke atas

 

Diagram Penanda Garis

Anda dapat menambahkan garis ke diagram garis, scatter, batang, atau radar untuk menyoroti tren.

Jenis Kaki + Jenis Penanda	Deskripsi	Contoh
Batang + Garis	Berikut adalah diagram batang dengan garis trace. Dua deret data pertama digunakan untuk batang bertumpuk, dan deret data sisanya digunakan untuk garis. chd=s2 menunjukkan bahwa diagram hanya boleh menggunakan dua deret pertama untuk batang. Garis menggunakan deret ketiga untuk datanya. chd=s2:1XQbnf4,EWoQMUB,9halxp9 - Encoding sederhana, dengan dua deret pertama digunakan untuk menggambar batang, dan deret terakhir digunakan untuk garis. chm=D,0033FF,2,0,5,1 - Garis trace (D), biru, data dari indeks seri 2, semua titik (0), lebar garis 5 piksel, dan memiliki urutan z 1.	chm=   D,0033FF,2,0,5,1 chd=s2:   1XQbnf4,   EWoQMUB,   9halxp9
Sebar + Garis	Anda dapat menambahkan garis ke diagram sebar untuk menampilkan rata-rata. Perhatikan bahwa diagram sebar menyembunyikan data penanda dengan cara yang berbeda; lihat Diagram Sebar untuk detail selengkapnya.	chd=t:   12,16,16,24,26,28,41,51,66,68,13,45,81|   16,14,22,34,22,31,31,48,71,64,15,38,84 chm=   o,0000FF,0,-1,0|   o,FF0000,0,0:9:,5|   D,000000,1,10:,1,-1
Batang + Garis	Berikut ini adalah diagram batang bertumpuk lainnya dengan garis independen yang digambar di atasnya.	cht=bvs chd=t2:   0,10,20,30,20,70,80|   0,20,10,5,20,30,10|   10,0,20,15,60,40,30 chm=D,76A4FB,2,0,3
Batang + Lingkaran	Sama seperti diagram sebelumnya, tetapi dengan penanda lingkaran, bukan penanda garis. Kami telah menentukan setiap nilai data 0,5, yang menambahkan titik perantara yang dihitung di garis putus-putus.	cht=bvs chd=t2:   0,10,20,30,20,70,80|   0,20,10,5,20,30,10|   10,0,20,15,60,40,30 chm=o,76A4FB,2,-.5,10

Kembali ke atas

 

Diagram Batang Lilin

Diagram batang lilin memerlukan setidaknya empat deret data untuk menggambar batang lilin, ditambah deret tambahan untuk elemen diagram lainnya. Diagram batang lilin hanya dapat menampilkan sekumpulan penanda batang lilin, atau dapat berupa kombinasi penanda batang lilin plus diagram batang atau diagram garis, seperti yang ditunjukkan di sini:

Jenis Kaki + Jenis Penanda	Deskripsi	Contoh
Garis (tersembunyi) + Batang lilin	Contoh ini menampilkan diagram yang hanya menampilkan penanda batang lilin. chd=t0 - 0 berarti semua deret data disembunyikan dari jenis diagram dasar (di sini, diagram garis), sehingga hanya batang lilin yang digambar. Nilai pertama dan terakhir di setiap deret adalah -1 untuk menunjukkan nilai yang hilang guna menghindari penggambaran batang lilin pertama atau terakhir, yang akan tumpang-tindih dengan sumbu atau margin diagram dan terpotong. chm=F,0000FF,0,-1,20 - F menunjukkan penanda batang lilin (awalnya "penanda keuangan"); 0000FF berarti penanda berwarna biru saat nilai menurun; 0 menunjukkan bahwa data batang lilin dimulai dari seri 0; -1 menunjukkan penanda pada semua titik (kita juga dapat menentukan 0:4 di sini untuk menyembunyikan batang lilin pertama dan terakhir, bukan menggunakan nilai data -1); 20 adalah lebar batang lilin.	cht=lc chd=t0:   -1,5,10,7,12,-1|   -1,25,45,47,24,-1|   -1,40,30,27,39,-1|   -1,55,63,59,80,-1 chm=F,0000FF,0,-1,20
Tali + Batang Lilin	Berikut adalah contoh diagram garis dengan penanda batang lilin. Tersedia lima deret data; yang pertama digunakan untuk jenis diagram (garis), dan deret data "tersembunyi" sisanya digunakan untuk penanda batang lilin. Parameter chd=t1 menentukan bahwa hanya deret pertama yang digunakan untuk jenis diagram tersebut (diagram garis). Kami menghapus penanda batang lilin pertama dan terakhir menggunakan 1:4 di nilai <which_points>, karena batang lilin pertama dan terakhir dipangkas oleh batas area diagram. Parameter chm menentukan penanda batang lilin, dengan sintaksis F,<declining_color>,<data_series_index>,<which_points>,<width>,<order>	cht=lc chd=t1:   20,10,15,25,17,30|   0,5,10,7,12,6|   35,25,45,47,24,46|   15,40,30,27,39,54|   70,55,63,59,80,6 chm=   F,,1,1:4,20
Tali + Batang Lilin	Contoh lain diagram batang lilin, tetapi dengan warna pengisi kustom.	chd=t1: t1:   90,80,70,50,40,30,20,10|   0,5,10,0,5,10,0|2,15,20,5,15,40,0|   5,35,20,2,35,20,0|   15,40,30,15,40,50,0 chm=   F,000000,1,1:-2,20
Batang + Batang Lilin	Berikut adalah contoh diagram batang dengan penanda batang lilin. Kami menampilkan penanda batang lilin pertama dan terakhir di sini karena batang menambahkan jarak yang cukup untuk mencegahnya dipangkas oleh batas diagram.	cht=bvg chd=t1:   20,10,15,25,17,30|   0,5,10,7,12,6|   35,25,45,47,24,46|   15,40,30,27,39,54|   70,55,63,59,80,6 chm=   F,,1,1:4,20

Kembali ke atas

 

Diagram Kotak

Diagram kotak, juga disebut diagram kotak atau diagram kotak dan whisker, adalah jenis diagram yang menunjukkan pengelompokan satu atau beberapa deret ke dalam kuartil (kuartil adalah grup yang menjangkau 25% rentang nilai, dengan kemungkinan pengecualian pencilan). Diagram kotak mirip dengan diagram batang lilin, tetapi dengan penanda tambahan untuk bagian bawah dan atas batang lilin, ditambah penanda persentil ke-50.

Diagram kotak terdiri sepenuhnya dari penanda, seperti yang ditunjukkan di sini:

chm=   F,0000FF,0,1,10	chm=   H,0000FF,0,1,1:10|   H,0000FF,3,1,1:10|   H,0000FF,4,1,1:10	chm=   o,FF0000,5,,5|   o,FF0000,6,,5
Satu set penanda batang lilin (chm=F), untuk isi kotak:	Satu set penanda bentuk garis horizontal dengan panjang yang dapat disesuaikan (chm=H) untuk garis persentil minimum, ke-50, dan ke-100:	Atau, beberapa penanda bentuk lingkaran (chm=o) untuk menampilkan pencilan dalam set data.	Gabungkan semuanya, dan Anda memiliki sebuah diagram kotak!

Jenis diagram dasar untuk diagram kotak adalah salah satu jenis diagram batang (bhs, bvs, bhg, bvg) atau jenis diagram garis (lc, ls, lxy). Namun, jika Anda menyembunyikan jenis diagram dasar dengan menambahkan nol dalam parameter format data (misalnya: chd=t0: atau chd=s0:), tidak masalah jenis diagram mana yang Anda pilih.

Diagram kotak harus memiliki setidaknya lima deret data: empat untuk kotak serta penanda maksimum dan minimum; satu untuk penanda 50%; plus deret data tambahan untuk penanda tambahan yang mungkin Anda inginkan, seperti penanda pencilan. Berikut adalah urutan seri yang direkomendasikan. Perhatikan bahwa jika nilai dalam seri 1 lebih dari nilai yang sesuai di seri 2, kotak akan diisi dengan warna penanda chm=F; jika nilai di seri 1 kurang dari nilai di seri 2, kotak tersebut akan tidak terisi. Lihat Penanda Batang Lilin untuk informasi selengkapnya.

Urutan seri untuk kotak yang tidak terisi:

0. Nilai minimum
1. 25% penanda (75% untuk kotak yang terisi)
2. 75% penanda (25% untuk kotak yang terisi)
3. Nilai maksimum
4. 50% penanda
5. Seri enam dan seterusnya adalah untuk data penanda tambahan, seperti pencilan.

Anda sebenarnya dapat menempatkan rangkaian penanda tambahan sebelum atau setelah data penanda batang lilin, tetapi akan lebih mudah untuk menempatkan semuanya di akhir.

Anda dapat membuat berbagai gaya untuk diagram kotak dengan menentukan penanda yang berbeda, jenis diagram dasar yang berbeda, atau mengurutkan data secara berbeda

Deskripsi	Contoh
Diagram ini adalah diagram kotak standar, tetapi dengan menetapkan warna berbeda pada elemen diagram yang berbeda untuk menyoroti penanda mana yang digunakan untuk membuat setiap elemen diagram. cht=bvs - Jenis diagram dasar adalah bvs, tetapi tidak ada batang dari diagram dasar ini yang benar-benar ditampilkan. Kita dapat menentukan jenis diagram gabungan apa pun di sini. chd=t0: - t0 menyembunyikan semua garis dalam diagram garis ini. Semua data hanya akan digunakan untuk penanda. Dalam data, nilai pertama dan terakhir adalah -1 untuk menghindari adanya penanda yang tumpang-tindih dengan tepi kiri dan kanan diagram. Semua nilai dalam deret kedua lebih rendah dari nilai yang sesuai di deret ketiga, sehingga semua kotak tidak terisi. -1,5,10,7,12,-1 - Nilai minimum: titik bawah stik oranye bawah; juga tinggi garis hijau horizontal. -1,25,30,27,24,-1 - Nilai 25%: tepi horizontal bawah kotak oranye. -1,40,45,47,39,-1 - Nilai 75%: tepi horizontal atas kotak oranye. -1,55,63,59,80,-1 - Nilai maksimum: titik atas stik oranye atas; juga tinggi garis biru horizontal. -1,30,40,35,30,-1 - Garis "Median" horizontal hitam di dalam batang lilin. -1,-1,5,70,90,-1 - Data pencilan (lingkaran merah) -1,-1,-1,80,5,-1 - Lebih banyak data pencilan (lingkaran merah). Data pencilan dibagi menjadi dua set karena Anda tidak dapat memiliki dua penanda, yang satu di atas yang lain, yang ditentukan dalam deret yang sama tanpa menggunakan offset atau trik rumit lainnya. chm= - Data penanda, seperti yang dijelaskan di bawah ini: F,FF9900,0,1:4,40 - Penanda lilin oranye (F) menggunakan empat deret data yang dimulai dari deret pertama (0), pada titik 1—4, ukuran 40. H,0CBF0B,0,1:4,1:20 - Penanda garis horizontal hijau yang menunjukkan nilai min. Ini berasal dari seri pertama. H,0000FF,3,1:4,1:20 - Penanda garis horizontal biru yang menunjukkan nilai maksimum. Ini berasal dari seri 3. H,000000,4,1:4,1:40 - Penanda garis horizontal hitam yang menunjukkan nilai 50%. Video ini berasal dari seri 4. o,FF0000,5,-1,7 - Lingkaran merah yang ditetapkan ke deret data keenam untuk pencilan. Penanda ditetapkan ke semua elemen dalam rangkaian ini, yang menggunakan -1 untuk kotak tanpa pencilan. o,FF0000,6,-1,7 - Lebih banyak pencilan. Deret data lainnya diperlukan jika Anda ingin menumpuk pencilan di atas satu sama lain di dalam kotak yang sama.	cht=bvs chd=t0:   -1,5,10,7,12,-1|   -1,25,30,27,24,-1|   -1,40,45,47,39,-1|   -1,55,63,59,80,-1|   -1,30,40,35,30,-1|   -1,-1,5,70,90,-1|   -1,-1,-1,80,5,-1 chm=   F,FF9900,0,1:4,40|   H,0CBF0B,0,1:4,1:20|   H,000000,4,1:4,1:40|   H,0000FF,3,1:4,1:20|   o,FF0000,5,-1,7|   o,FF0000,6,-1,7
Jenis diagram lc akan selalu menampilkan garis sumbu. Untuk membuat diagram tanpa garis sumbu, tentukan jenis diagram ls.	cht=lc    cht=ls
Untuk membuat kotak yang terisi, buat titik pada deret kedua lebih besar dari titik yang sesuai pada deret ketiga. Nilai yang lebih besar ditandai dengan warna merah pada kode yang ditampilkan di sebelah kanan.	chd=t0:   -1,5,10,7,12,-1   -1,40,30,27,24,-1   -1,25,45,47,39,-1   -1,55,63,59,80,-1

Kembali ke atas

 

Diagram yang Disematkan

Anda dapat menyematkan jenis diagram apa pun di dalam diagram batang, garis, radar, atau scatter menggunakan ikon dinamis. Lihat bagian Diagram Sematan pada dokumentasi penanda Ikon Dinamis (chem).

Kembali ke atas

 

Fitur Standar

Fitur lainnya di halaman ini adalah fitur bagan standar.

Penanda Garis chm=D [Batang, Candlestick, Line, Radar, Sebar]

Anda dapat menambahkan garis yang melacak data dalam 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>

H

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-titik mana dalam deret yang akan digunakan untuk menggambar garis. Gunakan salah satu nilai berikut:

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

<size>

Lebar garis dalam piksel.

<opt_z_order>

[Opsional] Lapisan untuk menggambar penanda, dibandingkan dengan penanda lainnya dan semua elemen diagram lainnya. Ini adalah bilangan floating point dari -1.0 hingga 1.0, inklusif, dengan -1.0 sebagai 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 menggambar garis penanda pada diagram batang. Urutan z ditetapkan 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 adalah diagram batang yang sama, tetapi dengan deret data tambahan hanya untuk garis. Ini merupakan contoh dari diagram majemuk. 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 Kombinasi untuk mengetahui informasi selengkapnya.	chm=D,0033FF,1,0,5,1 chd=s1:1XQbnf4,43ksfg6

Kembali ke atas

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

Anda dapat menentukan penanda grafis untuk semua atau satu titik data pada diagram. Jika dua penanda atau lebih menempati titik yang sama, penanda akan digambar sesuai urutan kemunculannya di 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 kumpulan parameter berikut untuk setiap deret yang harus ditandai. Untuk menandai beberapa deret, buat kumpulan parameter tambahan, yang dipisahkan oleh karakter pipa. Anda tidak perlu me-markup semua rangkaian. Jika Anda tidak menetapkan penanda ke deret data, penanda tidak akan didapatkan.

Perilaku penanda bentuk dalam diagram sebar sedikit berbeda. 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 mendahului jenis penanda dengan karakter @ opsional, <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 setidaknya dua deret data, dengan deret 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. Konfigurasi ini juga mengekspos sintaksis <size> yang diperluas: line_thickness[:top_and_bottom_width] yang mana top_and_bottom_width bersifat opsional. Lihat contohnya di bawah ini.
• h - Garis horizontal melintasi diagram pada ketinggian tertentu. (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> yang diperluas yang memungkinkan Anda menentukan panjang baris yang tepat: line_thickness[:length] dengan :length bersifat opsional, dan 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. Hal ini mendukung sintaksis nilai <size> yang diperluas yang memungkinkan Anda menentukan panjang baris yang tepat: line_thickness[:length] dengan :length bersifat opsional, dan default ke tinggi area diagram penuh. 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 yang digunakan untuk menggambar penanda. Diabaikan untuk penanda dan penanda h yang menentukan lokasi berdasarkan posisi x/y (dimulai dengan karakter @). Anda dapat menggunakan deret data tersembunyi sebagai sumber penanda; lihat Diagram Gabungan untuk mengetahui informasi selengkapnya. Diagram batang vertikal yang dikelompokkan mendukung sintaksis diperluas khusus untuk menyelaraskan penanda dengan batang tertentu.

<opt_which_points>

[Opsional] Titik mana yang akan digunakan untuk menggambar penanda. Nilai 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 yang akan digambar penanda, dengan n.d adalah indeks berbasis nol dalam deret. Jika Anda menetapkan nilai non-bilangan bulat, maka pecahan tersebut menunjukkan titik antara yang dihitung. Misalnya, 3,5 berarti setengah dari poin 3 dan poin 4.
  • h - Angka dari 0.0 hingga 1.0, dengan 0.0 sebagai bagian bawah diagram dan 1.0 sebagai bagian atas diagram.
• -1 - Gambar penanda di semua titik data. Anda juga dapat mengosongkan parameter ini untuk menggambar pada semua titik data.
• -n - Gambar penanda di setiap titik data 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 n dalam rentang, dari nilai indeks n hingga n, inklusif. Semua parameter bersifat opsional (mungkin tidak ada), sehingga 3::1 akan diambil dari elemen keempat hingga langkah terakhir, langkah 1, dan jika parameter ini dihilangkan sepenuhnya, first:last:1 akan ditetapkan secara default. Semua nilai bisa berupa angka floating point. start dan end bisa bernilai negatif, untuk menghitung mundur dari nilai terakhir. Jika start dan end negatif, pastikan keduanya tercantum 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 default-nya adalah first:last:1
• x:y - Gambar penanda pada titik x/y tertentu pada diagram. Titik ini tidak harus dalam 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 wajik merah berukuran 15 piksel ke bagian tengah diagram, gunakan @d,FF0000,0,0.5:0.5,15.

<size>

Ukuran penanda, dalam piksel. Sebagian besar menggunakan satu nilai angka 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 untuk menggambar penanda, dibandingkan dengan penanda lainnya dan semua elemen diagram lainnya. Ini adalah bilangan floating point dari -1.0 hingga 1.0, inklusif, dengan -1.0 sebagai 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 kolom :: 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 - 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 adalah 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 - Palang merah, seri pertama, poin 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, titik kelima, ukuran 12. s,3399CC,0,5.0,11.0 - Persegi biru, seri pertama, poin keenam, ukuran 11. v,BBCCED,0,6.0,1.0 - Garis vertikal ke titik, deret pertama, titik ketujuh, lebar satu piksel. V,3399CC,0,7.0,1.0 - Garis vertikal dari bawah ke 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 ditetapkan, deret pertama, di tengah diagram, lebar 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 ditentukan dengan chm, sehingga digambar terlebih dahulu. Berlian tersebut ditetapkan dan digambar kedua, yang mengakibatkan berlian tersebut digambar di atas lingkaran.	chm=   o,FF9900,0,-1,15.0|   d,FF0000,1,-1,10.0
Berikut adalah diagram garis dengan penanda di setiap titik data detik (-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 dibandingkan 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 panah dan penanda 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 tetap ke 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 - Panel error hitam dengan garis lebar 1 piksel, batang atas dan bawah sepanjang 20 piksel. Bagian bawah ditambatkan ke seri 0 poin 8, bagian atas ditambatkan ke seri 1 poin 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- Biru, garis vertikal 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%7CV0. chm=   E,000000,0,6,1:20|   H,990066,1,2,5:50|   V,3399CC,0,8,3:50

Kembali ke atas

Penanda Batang Lilin chm=F [Batang, Garis]

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

Penanda batang lilin digambar sebagai persegi panjang yang dibagi oleh garis vertikal. Diperlukan empat deret data untuk menggambar penanda batang lilin; berikut adalah 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 itu.
• Seri 2 dan 3 menentukan batas vertikal persegi panjang. Seri 2 adalah nilai pembuka, dan seri 3 adalah nilai penutup. Warna persegi panjang bergantung pada mana yang lebih tinggi: saat nilai pembuka (seri 2) lebih rendah dari nilai penutup (seri 3), harga meningkat, dan persegi panjang secara default diisi dengan warna hijau solid; ketika nilai pembuka (seri 2) lebih tinggi dari nilai penutup (seri 3), harga turun, dan persegi panjang diisi dengan warna merah solid secara default. Anda hanya dapat menentukan warna isian untuk persegi panjang dengan nilai yang menurun. Jika Anda menentukannya, persegi panjang dengan nilai yang meningkat tidak terisi (kosong). Perhatikan bahwa seri 2 dapat berupa bagian atas atau bawah persegi panjang, bergantung pada apakah harga telah naik atau turun.

Anda dapat menggabungkan penanda batang 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 Kombinasi untuk informasi selengkapnya.

Berikut adalah contoh yang menampilkan garis 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 batang lilin.

<opt_declining_color>

[Opsional] Isi warna persegi panjang saat nilai menurun (jika nilai seri 2 > nilai seri 3 yang sesuai). Ini adalah angka heksadesimal format RRGGBB. Saat nilainya meningkat, persegi panjang akan kosong. Defaultnya adalah hijau solid untuk meningkatkan, merah solid untuk menurun (Anda tidak dapat menentukan warna isian kustom untuk menambah nilai).

<data_series_index>

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

<opt_which_points>

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

• n.d - Menggambar penanda di satu titik dalam deret, dengan n.d adalah indeks titik dalam deret. Jika Anda menetapkan nilai non-bilangan bulat, maka pecahan tersebut menunjukkan titik antara yang dihitung. Misalnya, 3,5 berarti setengah dari poin 3 dan poin 4.
• -1 - Gambar penanda di semua titik data. Anda juga dapat mengosongkan parameter ini untuk menggambar pada semua penanda.
• -n - Gambar penanda di setiap titik data n.
• start:end:n - Gambar penanda di setiap titik data n dalam rentang, dari nilai indeks n hingga n, inklusif. Semua parameter bersifat opsional (mungkin tidak ada), sehingga 3::1 akan diambil dari elemen keempat hingga langkah terakhir, langkah 1, dan jika parameter ini dihilangkan sepenuhnya, first:last:1 akan ditetapkan secara default. Semua nilai bisa berupa angka floating point. start dan end bisa bernilai negatif, untuk menghitung mundur dari nilai terakhir. Jika start dan end bernilai negatif, pastikan keduanya tercantum 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 default-nya adalah first:last:1

<lebar>

Lebar semua persegi panjang, dalam piksel.

<opt_z_order>

[Opsional] Lapisan untuk menggambar penanda, dibandingkan dengan penanda lainnya dan semua elemen diagram lainnya. Ini adalah bilangan floating point dari -1.0 hingga 1.0, inklusif, dengan -1.0 sebagai 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 batang lilin pada diagram garis dengan empat deret. Warna pengisi kustom 0000FF (biru) ditentukan, dan warna ini digunakan untuk mengisi persegi panjang jika titik pada seri 3 lebih kecil dari titik yang setara di seri 2. Persegi panjang pertama dan terakhir dipangkas oleh diagram. Untuk menghilangkan nilai ini, Anda dapat menetapkan 1:4 untuk parameter keempat chm. Perhatikan angka nol dalam 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 batang 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 contoh diagram yang sama, menggunakan warna default, serta menghapus item pertama dan terakhir. Ini adalah diagram gabungan: diagram ini adalah 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 pertama pada chm=F,,1,1:4,20 berarti data batang lilin berasal dari seri 2, 3, 4, dan 5 (1 adalah berbasis nol). Lihat Diagram Kombinasi 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