Diagram Gabungan

  

Fitur Khusus Diagram Ringkasan Membuat Diagram Gabungan Jenis Diagram Diagram Penanda Garis Diagram Lilin Diagram Kotak Diagram yang Disematkan

Informasi Penanda Penanda Garis (chm=D) Penanda Bentuk (chm) Penanda Lilin (chm=F)

 

Ringkasan

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

sementara yang lain 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 digabungkan 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. Jika 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 Anda ke bagian akhir parameter chd. Misalnya, jika diagram batang Anda 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. Menyembunyikan data penanda tambahan dari diagram dasar. Jika Anda hanya menambahkan deret data tambahan ke diagram batang untuk garis pelacakan, diagram akan menunjukkannya sebagai deret batang baru. Untuk mencegah hal ini, Anda harus menyembunyikan rangkaian tambahan ini. Untuk menyembunyikan deret, sertakan satu digit setelah deskriptor format chd: misalnya, chd=t1:30,10,20|60,40,50. Digit ini memberi tahu Chart API jumlah deret data yang harus digunakan untuk menggambar elemen bagi 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. Perlu diketahui bahwa ini adalah angka berbasis 1, bukan 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 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 dijelaskan oleh dua deret data: satu untuk nilai x, dan satu untuk nilai y.
3. Gunakan deret data tersembunyi untuk menggambar penanda 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 deret data tersembunyi tambahan sebanyak yang diinginkan, dan menggunakannya untuk penanda diagram tambahan.

Inilah bagan yang baru saja kami jelaskan:

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 dengan penanda tersebut:

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

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

Jenis Diagram	Deskripsi	Contoh
Diagram penanda garis	Penanda garis dapat digunakan untuk menampilkan tren di berbagai jenis diagram lainnya.
Diagram batang lilin	Diagram batang lilin sering digunakan untuk menampilkan data keuangan.
Diagram kotak	Diagram kotak 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 dalam 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 Dasar + Jenis Penanda	Deskripsi	Contoh
Batang + Garis	Berikut adalah sebuah diagram batang dengan garis pelacakan. Dua deret data pertama digunakan untuk batang bertumpuk, dan deret data lainnya digunakan untuk garis. chd=s2 menunjukkan bahwa diagram hanya boleh menggunakan dua deret pertama untuk batang. Garis tersebut menggunakan seri 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 pelacakan (D), biru, data dari indeks seri 2, semua titik (0), garis lebarnya 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 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
Bar + 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 pada 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 Lilin

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

Jenis Dasar + Jenis Penanda	Deskripsi	Contoh
Garis (tersembunyi) + Batang Lilin	Contoh ini menampilkan diagram yang hanya menampilkan penanda 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 dalam setiap deret adalah -1 untuk menunjukkan nilai yang tidak ada untuk 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 lilin (awalnya "penanda keuangan"); 0000FF berarti penanda berwarna biru saat nilainya menurun; 0 menunjukkan bahwa data batang lilin dimulai pada seri 0; -1 menunjukkan penanda di 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
Garis + Batang Lilin	Berikut adalah contoh diagram garis dengan penanda lilin. Lima deret data disediakan; yang pertama digunakan untuk jenis diagram (garis), dan deret data "tersembunyi" lainnya digunakan untuk penanda batang lilin. Parameter chd=t1 menentukan bahwa hanya deret pertama yang digunakan untuk jenis diagram tersebut (diagram garis). Kami menghilangkan penanda lilin pertama dan terakhir menggunakan 1:4 pada nilai <which_points>, karena batang lilin pertama dan terakhir dipangkas oleh batas area diagram. Parameter chm menentukan penanda 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
Garis + Batang Lilin	Contoh lain dari diagram batang lilin, tetapi dengan warna isian 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 lilin. Kami menampilkan penanda lilin pertama dan terakhir di sini, karena batang tersebut menambahkan spasi yang cukup agar tidak 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

Box chart, juga disebut box plot atau box and whisker diagram, adalah jenis diagram yang menunjukkan pengelompokan satu atau beberapa deret ke dalam kuartil (kuartil adalah grup yang membentang 25% dari rentang nilai, dengan kemungkinan pengecualian untuk pencilan). Diagram kotak mirip dengan diagram batang lilin, tetapi dengan penanda yang ditambahkan 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 lilin (chm=F), untuk isi kotak:	Satu kumpulan 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 diagram kotak!

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

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

Urutan deret 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 ditujukan untuk data penanda tambahan, seperti pencilan.

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

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

Deskripsi	Contoh
Ini adalah diagram kotak standar, tetapi dengan warna yang berbeda ditetapkan ke elemen diagram yang berbeda untuk memperjelas 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 baris dalam diagram garis ini. Semua data hanya akan digunakan untuk penanda. Dalam data, nilai pertama dan terakhir adalah -1 untuk menghindari penanda yang tumpang tindih dengan tepi kiri dan kanan diagram. Semua nilai di seri kedua lebih rendah dari nilai terkait di seri ketiga, sehingga semua kotak tidak terisi. -1,5,10,7,12,-1 - Nilai minimum: titik bawah batang 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 tongkat 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, satu di atas yang lain, yang ditetapkan dalam rangkaian yang sama tanpa menggunakan offset atau trik rumit lainnya. chm= - Data penanda, seperti yang dijelaskan di bawah: 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 maksimal. Template ini berasal dari seri 3. H,000000,4,1:4,1:40 - Penanda garis horizontal hitam yang menampilkan nilai 50%. Panduan ini berasal dari seri 4. o,FF0000,5,-1,7 - Lingkaran merah yang ditetapkan ke seri 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. Deretan data lain diperlukan jika Anda ingin menumpuk pencilan di atas satu sama lain di sekitar 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 terisi, buat titik pada deret kedua lebih besar dari titik yang sesuai dalam 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 yang Disematkan dalam dokumentasi penanda Ikon Dinamis (chem).

Kembali ke atas

 

Fitur Standar

Fitur lainnya di halaman ini adalah fitur diagram standar.

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

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