Ikon Dinamis

   Penanda ikon dinamis yang sama seperti gambar mandiri.
Halaman referensi Ikon Dinamis Infografis menjelaskan semua jenis penanda dinamis yang tersedia.

Halaman ini menjelaskan cara membuat berbagai info, balon, pin, dan grafik lain yang dapat diminta oleh URL, atau ditambahkan sebagai penanda di atas diagram lain.

Daftar Isi

  1. Pengantar
    1. Ikon Berdiri
    2. Penanda Dinamis
  2. Fitur Ikon Umum
    1. String Teks
    2. Bayangan
  3. Ikon Kontekstual

Pengantar

Chart API memungkinkan Anda membuat berbagai info, pin, atau balon menarik yang mencampur teks dan gambar. Item ini disebut ikon dinamis. Anda dapat membuat gambar ikon dinamis freestanding, atau menempatkan ikon dinamis di atas diagram sebagai jenis penanda menggunakan parameter chem. Halaman ini akan menjelaskan cara membuat ikon dinamis sebagai gambar freestanding atau sebagai penanda pada diagram lain. Halaman referensi Ikon Dinamis Infografis menjelaskan semua jenis penanda dinamis yang tersedia.

Sintaksis untuk membuat ikon dinamis bergantung pada apakah Anda menginginkan ikon freestanding, atau sebagai penanda dinamis di diagram lain.

Ikon Berdiri

Anda bisa meminta gambar ikon dinamis dengan cara yang sama seperti meminta diagram lainnya. Ikon dinamis freestanding mendukung kumpulan parameter yang berbeda daripada diagram lainnya:

Parameter Wajib atau Opsional Deskripsi
chst=<icon_string_constant> Wajib

Menjelaskan jenis ikon yang akan dibuat.

  • icon_string_constant - Konstanta string yang menjelaskan jenis ikon yang akan dibuat. Lihat pilihan ikon di bawah untuk memilih ikon.
chld=<icon_data> Wajib

Data spesifik yang digunakan untuk menggambarkan ukuran ikon, rotasi, teks, dan data lain yang diperlukan.

  • icon_data - Kumpulan nilai yang dipisahkan tanda pipa yang sesuai dengan ikon. Dokumentasi di halaman ini menjelaskan nilai-nilai yang diperlukan oleh setiap jenis ikon.
cht TIDAK DIGUNAKAN Diagram ikon dinamis freestanding tidak menggunakan parameter cht.
chs TIDAK DIGUNAKAN Diagram ikon dinamis freestanding tidak menggunakan parameter chs.
chd TIDAK DIGUNAKAN Gunakan parameter chld untuk meneruskan data ke ikon dinamis freestanding.

Contoh

Penanda ikon dinamis yang sama seperti gambar mandiri.
https://chart.googleapis.com/chart?chst=d_bubble_icon_text_small&chld=ski|bb|Wheeee!|FFFFFF|000000

Penanda Dinamis

Anda dapat menyematkan ikon dinamis sebagai jenis penanda pada beberapa jenis diagram yang menggunakan parameter chem. Lihat dokumentasi chem untuk mempelajari caranya.

Contoh

Diagram garis dengan penanda ikon dinamis.
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

Fitur Ikon Umum

Sebagian besar ikon bisa memiliki string atau bayangan teks yang terkait dengannya.

String Teks

Semua teks tampilan yang diteruskan ke Chart API harus berenkode UTF-8, lalu berenkode URL. Hal ini hanya memengaruhi karakter yang tidak aman untuk URL (karakter yang aman untuk URL sebagian besar adalah huruf dalam bahasa Inggris a-z baik huruf besar maupun kecil, plus plus sejumlah kecil tanda baca). Misalnya, nilai yang dienkode UTF-8 dan URL untuk huruf "è" adalah "%C3%A8", dan untuk karakter China 駅 adalah "%E9%A7%85". Sebagian besar browser akan mengizinkan Anda menggunakan nilai yang tidak dienkode dalam string URL (misalnya, 駅) dan akan mengenkodenya untuk Anda di balik layar. Namun, ada kemungkinan bahwa seseorang yang melihat URL diagram Anda menggunakan browser yang tidak melakukan hal ini. Jadi, sebaiknya lakukan enkode UTF-8 dan URL untuk semua karakter non-ASCII dalam string teks. Perhatikan bahwa ini hanya untuk teks yang ditampilkan dalam balon atau pin, bukan untuk karakter &, |, atau karakter lain yang merupakan bagian dari sintaksis URL.

Saat menggunakan parameter chem untuk menentukan penanda ikon dinamis, Anda juga harus meng-escape karakter tertentu dalam teks Anda, seperti yang dijelaskan dalam dokumentasi chem.

Bayangan

Anda dapat menambahkan bayangan ke banyak ikon, atau bahkan menggambar bayangan untuk beberapa ikon tanpa ikon itu sendiri.

Ikon yang Dibayangi Pin yang dibayangi

Banyak dari ikon ini yang dapat digambar dengan atau tanpa bayangan. Jika bayangan adalah salah satu opsi, nama ikon akan memiliki versi yang diakhiri dengan _withshadow dan versi lain tanpa akhiran tersebut. Anda dapat menentukan ikon dengan salah satu akhiran, tergantung apakah Anda menginginkan bayangan atau tidak.

Berikut adalah contoh balon teks sedang dan pin dengan dan tanpa bayangan:

Balon tanpa bayangan
chst=d_bubble_icon_text_big
Balon dengan bayangan
chst=d_bubble_icon_text_big_withshadow
Pin polos dengan ikon
chst=d_map_pin_icon
Pin berbayang biasa dengan ikon
chst=d_map_pin_icon_withshadow

Bayangan Berdiri Hanya bayangan

Beberapa jenis ikon memungkinkan Anda untuk menggambar bayangannya sendiri. Anda mungkin perlu melakukannya jika menggunakan beberapa ikon bayangan yang tumpang tindih pada grafis, dan ikon ini sangat dekat sehingga bayangan dari satu ikon jatuh melintasi ikon lain. Misalnya, di sini ada dua gelembung berbayang, Robert digambar terlebih dahulu, kemudian Alice:

Bayangan yang tumpang tindih dengan ikon lain

Perhatikan bagaimana bayangan Alice sebagian menutupi Robert. Untuk memperbaikinya, Anda dapat menggambar bayangan Alice terlebih dahulu, lalu gelembung Robert, lalu Alice tanpa bayangan. Mungkin tidak sepenuhnya realistis dalam hal pencahayaan dan bayangan, tetapi hal ini menghindari satu gelembung yang mengaburkan satu gelembung dengan bayangan yang lain:

Balon dan bayangan digambar secara terpisah
chem=
  y;s=bubble_text_small_shadow;d=bb,Alice,FF8,000;ds=0;dp=1;py=1          // Alice, no shadow
  y;s=bubble_text_small_withshadow;d=bbtr,Robert,FF8,000;ds=0;dp=3.5;py=1 // Robert with shadow
  y;s=bubble_text_small;d=bb,Alice,FF8,000;ds=0;dp=1;py=1                 // Alice shadow

Semua penanda menentukan urutan z yang sama, yaitu 1 (py=1), sehingga digambar dalam urutan yang tercantum, di atas elemen diagram (garis diagram). Pertama-tama, bayangan Alice digambar, lalu gelembung Robert di atasnya, dan terakhir gelembung Alice di atasnya.

Lihat dokumentasi jenis ikon tertentu yang Anda miliki untuk mengetahui apakah Anda dapat menggambar bayangannya saja.

Ikon Kontekstual

Contoh ikon kontekstual

Anda dapat menentukan ikon yang memvariasikan warna, ukuran, atau susunannya sesuai dengan titik yang ditetapkan untuk ikon tersebut. Jenis ikon ini hanya tersedia sebagai penanda ikon dinamis (parameter chem), bukan sebagai ikon freestanding.

Ikon-ikon ini dapat dirender pada deret selain rangkaian yang menentukan informasi warna, ukuran, atau tumpukannya. Ini berarti nilai ds parameter chem menentukan deret tempat merender ikon, tetapi nilai untuk menentukan ukuran atau warna ikon ditentukan dalam parameter yang diberikan di bawah ini. Salah satu penggunaan yang baik dari ini adalah menggunakan deret data tersembunyi untuk data ikon, tetapi merender ikon pada garis atau batang yang terlihat. Berikut beberapa contohnya:

Ikon dirender pada seri sumber Ikon dirender pada rangkaian non-sumber Ikon yang menggunakan rangkaian tersembunyi
chem=
  y;s=cm_size;ds=0;...;
  d=maps_pin,0,10,50,10,8F8,000,hb
  • ds=0 - Merender pada seri 0 (garis merah)
  • d=maps_pin,0,... - Data dari seri 0
chem=
  y;s=cm_size;ds=1;...;
  d=maps_pin,0,10,50,10,8F8,000,hb
  • ds=1 - Merender pada seri 1 (garis biru)
  • d=maps_pin,0,... - Data dari seri 0
chd=t1:
  10,20,30,5,10,60
  10,20,30,70,60,5
chem=
  y;s=cm_size;ds=0;dp=all;
  d=disk,1,5,20,5,FFFF10,000
  • t1: - Deret pertama ditampilkan dan data baris digunakan. Semua seri berikutnya disembunyikan.
  • ds=0 - Penanda yang dirender pada seri 0.
  • d=disk,1,... - Data disk berasal dari seri 1 tersembunyi.

Jenis Penanda Konteks

Jenis Penanda Nilai chems Contoh
Variasi warna s=cm_color
Variasi ukuran s=cm_size
Variasi warna dan ukuran s=cm_color_size
Variasi tumpukan s=cm_repeat
susunan dan variasi warna s=cm_repeat_color

String Perataan untuk Ikon Kontekstual

Ikon kontekstual mendukung string perataan opsional untuk menentukan perataan dan offset ikon ke titik data. String ini memiliki sintaksis berikut:

<alignment>[+/-<h_anchor_offset>+/-<v_anchor_offset>]
alignment
Dua huruf yang menjelaskan perataan ikon ke titik. Contohnya meliputi tl (kiri atas), dan rb (kanan bawah). Lihat deskripsi parameter alignment_string dari parameter chem untuk listingan dan deskripsi lengkap.
h_anchor_offset
[Opsional] Offset horizontal titik link, dalam piksel. Nilai termasuk nol harus diawali dengan + atau -. Penting: Anda harus mengenkode URL + sebagai %2B.
v_anchor_offset
[Opsional] Offset vertikal titik tambatan, dalam piksel. Nilai termasuk nol harus diawali dengan + atau -. Penting: Anda harus mengenkode URL + sebagai %2B.

Perhatikan bahwa Anda juga dapat menggunakan komponen of dari parameter chem untuk menentukan offset horizontal dan vertikal. Jika Anda menentukan komponen of dan nilai h_anchor_offset v_anchor_offset, semua offset akan diterapkan ke ikon Anda.

Contoh:


hb-0-0
Bagian tengah horizontal bawah
Tanpa offset

lb-0-0
Kiri bawah
Tanpa offset

rb-0-0
Kanan bawah
Tanpa offset

ht-0-0
Atas horizontal
Tanpa offset

hb-20-0
Bagian tengah horizontal bawah
-20 horizontal
0 vertikal

hb%2b20-0
Bagian tengah horizontal
+20 horizontal
0 vertikal

hb-0%2b10
Bawah tengah horizontal
0 horizontal
+10 vertikal

hb-0-20
Bagian bawah horizontal tengah
0 horizontal
-20 vertikal

Variasi Warna (cm_color)

Anda dapat memvariasikan warna penanda diagram kontekstual sesuai dengan titik yang diwakilinya. Anda harus menetapkan rentang warna, dan nilai data akan diskalakan ke warna yang sesuai dalam rentang tersebut.

Sintaksis

chem=y;s=cm_color;ds=<series_rendering_index>; ...other_values... ;
  d=<icon_shape>,<color_data_series>,<low_color>,<middle_color>,<high_color>,<icon_size>,<outline_color>,<alignment>
<icon_shape>
Ikon yang akan digunakan. Tentukan string ID yang mengidentifikasi salah satu gambar yang tercantum di akhir halaman.
<color_data_series>
Indeks berbasis nol dari seri data yang digunakan untuk memvariasikan warna ikon.
<low_color>
Nilai warna rendah dalam rentang, sebagai warna heksadesimal HTML tiga atau enam digit (tanpa tanda #). Hal ini terkait dengan nilai terendah dalam rentang data yang tersedia.
<middle_color>
Nilai warna tengah dalam rentang, sebagai warna heksadesimal HTML tiga atau enam digit (tanpa tanda #). Ini terkait dengan nilai tengah dalam rentang data yang tersedia.
<high_color>
Nilai warna tinggi dalam rentang, sebagai warna heksadesimal HTML tiga atau enam digit (tanpa tanda #). Hal ini terkait dengan nilai tertinggi yang memungkinkan dalam rentang data yang tersedia.
<icon_size>
Ukuran ikon, dalam piksel. Nilai berikut didukung: 12, 16, 24.
<outline_color>
Warna garis batas untuk ikon, sebagai warna heksadesimal HTML tiga atau enam digit (tanpa tanda #).
<alignment>
String opsional yang menjelaskan perataan dan offset ikon.

Contoh

  • s=cm_color - ikon variasi warna
  • ds=0 - Merendernya pada deret data 0
  • dp=all - Menempatkan ikon di semua titik.
  • d:
    • petrol - ID ikon
    • 0 - Warna dari seri data 0
    • 000,0FF,F55 - Definisi skala warna
    • 24 - Ukuran ikon
    • 000 - Garis luar hitam
    • hv - Menyejajarkan ikon di tengah dengan titik secara horizontal dan vertikal.

chem=y;s=cm_color;
  ds=0;
  dp=all;
  d=petrol,0,000,0FF,F55,24,000,hv

Kembali ke atas

 

 


Variasi Ukuran (cm_size)

Anda dapat memvariasikan ukuran penanda diagram kontekstual saja, sesuai dengan seri data pilihan Anda.

Sintaksis

chem=y;s=cm_size;ds=<series_rendering_index>; ...other_values... ;
  d=<icon_type>,<size_data_series>,<zero_value_size>,<size_multiplier>,<min_size>,<outline_color>,<fill_color>,<alignment>
<icon_type>
Bentuk ikon. Pilih salah satu nilai berikut: maps_pin, disk, atau square.
<size_data_series>
Indeks berbasis nol dari seri data yang digunakan untuk memvariasikan ukuran ikon.
<zero_value_size>
Ukuran dasar ikon, pada nilai data minimum untuk seri.
<size_multiplier>
Faktor penskalaan ukuran. Nilai ini dikalikan dengan selisih antara nilai data setiap ikon dan nilai seri minimum, untuk menghitung ukuran ikon akhir. Oleh karena itu, ikon pada nilai data 0 tidak akan terpengaruh oleh pengganda ini.
<min_size>
Ukuran minimum untuk setiap ikon, dalam piksel.
<outline_color>
Warna garis batas untuk ikon, sebagai warna heksadesimal HTML tiga atau enam digit (tanpa tanda #).
<fill_color> (hanya dalam bahasa Inggris)
Warna isian untuk ikon, sebagai warna heksadesimal HTML tiga atau enam digit (tanpa tanda #).
<alignment>
String opsional yang menjelaskan perataan dan offset ikon.

Contoh

Contoh dasar. Ikon dengan nilai nol dirender pada ukuran nilai nol, yaitu 30 piksel. Ukuran akan bertambah seiring dengan data.

chd=t:0,10,20,30,40,50,60,70
chem=y;s=cm_size;ds=0;dp=all;py=-1;d=maps_pin,0,30,100,10,8F8,000,hb

Dalam contoh ini, ikon mengambil data ukurannya dari garis kuning, tetapi dirender pada garis biru.

  • chem=y - Penanda dinamis
  • s=cm_size - Varian ukuran
  • ds=1 - Dirender pada seri data 1 (garis biru)
  • dp=all - Dirender pada semua titik.
  • d=
    • maps_pin - Menggunakan ikon pin peta
    • 0 - Menskalakan ukuran sesuai dengan deret data 0 (garis kuning)
    • 10 - Ukuran pin pada nilai 0
    • 90 - Pengganda ukuran
    • 10 - Ukuran minimum
    • 8F8 - Warna pengisi
    • 000 - Warna garis batas
    • hb - Letakkan pin di tengah secara horizontal.


chem=chem=y;s=cm_size;ds=1;dp=all;d=maps_pin,0,10,90,10,8F8,000,hb

Kembali ke atas

 

 


Variasi Warna dan Ukuran (cm_color_size)

Anda dapat memvariasikan warna dan ukuran penanda diagram kontekstual, sesuai dengan seri data pilihan Anda.

Sintaksis

chem=y;s=cm_color_size;ds=<series_rendering_index>; ...other_values... ;
  d=<icon_type>,<color_data_series>,<low_color>,<middle_color>,<high_color>,<size_data_series>,<zero_value_size>,<size_multiplier>,<min_size>,<outline_color>,<alignment>
<icon_type>
Bentuk ikon. Pilih salah satu nilai berikut: maps_pin, disk, atau square.
<color_data_series>
Indeks berbasis nol dari seri data yang digunakan untuk memvariasikan warna ikon.
<low_color>
Nilai warna rendah dalam rentang, sebagai warna heksadesimal HTML tiga atau enam digit (tanpa tanda #). Hal ini terkait dengan nilai terendah dalam rentang data yang tersedia.
<middle_color>
Nilai warna tengah dalam rentang, sebagai warna heksadesimal HTML tiga atau enam digit (tanpa tanda #). Ini terkait dengan nilai tengah dalam rentang data yang tersedia.
<high_color>
Nilai warna tinggi dalam rentang, sebagai warna heksadesimal HTML tiga atau enam digit (tanpa tanda #). Hal ini terkait dengan nilai tertinggi yang memungkinkan dalam rentang data yang tersedia.
<size_data_series>
Indeks berbasis nol dari seri data yang digunakan untuk memvariasikan ukuran ikon.
<zero_value_size>
Ukuran dasar ikon, pada nilai data minimum untuk seri.
<size_multiplier>
Faktor penskalaan ukuran. Nilai ini dikalikan dengan selisih antara nilai data setiap ikon dan nilai seri minimum, untuk menghitung ukuran ikon akhir. Oleh karena itu, ikon pada nilai data 0 tidak akan terpengaruh oleh pengganda ini.
<min_size>
Ukuran minimum untuk setiap ikon, dalam piksel.
<outline_color>
Warna garis batas untuk ikon, sebagai warna heksadesimal HTML tiga atau enam digit (tanpa tanda #).
<alignment>
String opsional yang menjelaskan perataan dan offset ikon.

Contoh

Contoh ini menggunakan dua baris. Pin menggunakan data warna dari deret tempat pin tersebut dirender, tetapi menggunakan data ukuran dari deret lainnya.
  • chd=s:0akAZtnkmi,nbMPJOKXXS - Deret pertama digunakan untuk memetakan garis kuning dan menentukan warna pin. Seri kedua digunakan untuk garis biru, dan ukuran pin.
  • chem=y - Merender ikon dinamis
  • s=cm_color_size - Menggunakan ikon konteks variasi warna dan ukuran.
  • ds=1 - Merender item pada seri data 1, garis biru.
  • dp=all - Menampilkan ikon di semua titik.
  • d=
    • maps_pin - Menggunakan simbol pin peta.
    • 1 - Gunakan seri data 1 untuk warna pin.
    • 000,0FF,F55 - Warna rendah, sedang, dan tinggi.
    • 0 - Gunakan deret data 0 untuk ukuran pin.
    • 10 - Pin berukuran 10 piksel pada nilai 0.
    • 90 - Pengganda ukuran 90.
    • 10 - Ukuran pin minimum 10 piksel.
    • 000 - Warna garis batas hitam.
    • hb - Pusatkan pin secara horizontal di sepanjang tepi bawah ke setiap titik data.


chd=s:0akAZtnkmi,nbMPJOKXXS
chem=y;s=cm_color_size;ds=1;dp=all;d=maps_pin,1,000,0FF,F55,0,10,90,10,000,hb

Kembali ke atas

 

 


Variasi Penumpukan (cm_repeat)

Anda dapat memvariasikan tinggi tumpukan ikon sesuai dengan nilai data pada titik tertentu.

Sintaksis

chem=y;s=cm_repeat;ds=<series_rendering_index>; ...other_values... ;
  d=<icon_shape>,<repeat_series_index>,<scaling_factor>,<stacking_direction>,<icon_size>,<fill_color>,<outline_color>,<spacing>,<alignment>
<icon_shape>
Ikon yang akan digunakan. Tentukan string ID yang mengidentifikasi salah satu gambar yang tercantum di akhir halaman.
<repeat_series_index>
Indeks berbasis nol dari deret data yang digunakan untuk menghitung berapa banyak ikon yang harus ditempatkan pada saat ini.
<scaling_factor>
Nilai deret data sumber diskalakan ke nilai dari 0 hingga 1 dan dikalikan dengan nilai ini untuk menentukan berapa banyak penanda yang akan ditempatkan di titik ini. Nilai sebagian akan terpotong.
<stacking_direction>
Arah tumpukan: "h" (huruf kecil) untuk horizontal atau "V" (huruf besar) untuk vertikal.
<icon_size>
Ukuran setiap penanda, dalam piksel. Nilai berikut didukung: 12, 16, 24.
<fill_color> (hanya dalam bahasa Inggris)
Warna isian untuk ikon, sebagai warna heksadesimal HTML tiga atau enam digit (tanpa tanda #).
<outline_color>
Warna garis batas untuk ikon, sebagai warna heksadesimal HTML tiga atau enam digit (tanpa tanda #).
<spacing>
Berapa banyak ruang yang harus ditempatkan di antara setiap penanda dalam tumpukan, dalam piksel.
<alignment>
String opsional yang menjelaskan perataan dan offset ikon.

Contoh

Contoh ini menggunakan seri data contoh kedua. Gambar tersebut tidak dirender pada diagram, tetapi digunakan sebagai cara untuk menempatkan semua tumpukan secara merata, dimulai dari bagian bawah diagram.
  • chd=s1:0akAZtnkmi,AAAAAAAAAA - Deret pertama digunakan untuk memetakan garis dan menentukan tinggi tumpukan. Yang kedua digunakan untuk menentukan dasar setiap stack ikon, pada nilai 0.
  • chem=y - Merender ikon dinamis
  • s=cm_repeat - Menggunakan ikon konteks variasi penumpukan.
  • ds=1 - Merender item pada deret data 1.
  • dp=all - Menampilkan ikon di semua titik.
  • d=
    • d=petrol - Gunakan simbol bensin.
    • 0 - Gunakan deret data 0 untuk jumlah berulang.
    • 9 - Menggunakan faktor penskalaan 6.
    • V - Menumpuk secara vertikal.
    • 16 - Buat setiap penanda setinggi 16 piksel.
    • F00 - Warna isian ikon.
    • 000 - Warna garis batas ikon.
    • 2 - Dua piksel di antara setiap ikon dalam tumpukan.
    • hb - Menempatkan tumpukan di bagian bawah


chd=s1:0akAZtnkmi,AAAAAAAAAA
chem=
  y;s=cm_repeat;ds=1;dp=all;
  d=petrol,0,9,V,16,F00,000,2,hb

Kembali ke atas

 


 

Penumpukan dan Variasi Warna (cm_repeat_color)

Anda dapat memvariasikan tinggi dan warna stack ikon, sesuai dengan nilai data pada titik tertentu.

Sintaksis

chem=y;s=cm_repeat_color;ds=<series_rendering_index>; ...other_values... ;
  d=<icon_shape>,<repeat_series_index>,<scaling_factor>,<stacking_direction>,<icon_size>,<color_data_series>,<low_color>,<middle_color>,<high_color>,<outline_color>,<spacing>,<alignment>
<icon_shape>
Ikon yang akan digunakan. Tentukan string ID yang mengidentifikasi salah satu gambar yang tercantum di akhir halaman.
<repeat_series_index>
Indeks berbasis nol dari deret data yang digunakan untuk menghitung berapa banyak ikon yang harus ditempatkan pada saat ini.
<scaling_factor>
Nilai deret data sumber diskalakan ke nilai dari 0 hingga 1 dan dikalikan dengan nilai ini untuk menentukan berapa banyak penanda yang akan ditempatkan di titik ini. Nilai sebagian akan terpotong.
<stacking_direction>
Arah tumpukan: "h" (huruf kecil) untuk horizontal atau "V" (huruf besar) untuk vertikal.
<icon_size>
Ukuran setiap penanda, dalam piksel. Nilai berikut didukung: 12, 16, 24.
<color_data_series>
Indeks berbasis nol dari seri data yang digunakan untuk memvariasikan warna ikon.
<low_color>
Nilai warna rendah dalam rentang, sebagai warna heksadesimal HTML tiga atau enam digit (tanpa tanda #). Hal ini terkait dengan nilai terendah dalam rentang data yang tersedia.
<middle_color>
Nilai warna tengah dalam rentang, sebagai warna heksadesimal HTML tiga atau enam digit (tanpa tanda #). Ini terkait dengan nilai tengah dalam rentang data yang tersedia.
<high_color>
Nilai warna tinggi dalam rentang, sebagai warna heksadesimal HTML tiga atau enam digit (tanpa tanda #). Hal ini terkait dengan nilai tertinggi yang memungkinkan dalam rentang data yang tersedia.
<outline_color>
Warna garis batas untuk ikon, sebagai warna heksadesimal HTML tiga atau enam digit (tanpa tanda #).
<spacing>
Berapa banyak ruang yang harus ditempatkan di antara setiap penanda dalam tumpukan, dalam piksel.
<alignment>
String opsional yang menjelaskan perataan dan offset ikon.

Contoh

  • chem=y - Merender ikon dinamis
  • s=cm_repeat_color - Menggunakan ikon konteks penumpukan dan variasi warna.
  • ds=0 - Merender item pada deret data 0.
  • dp=all - Menampilkan ikon di semua titik.
  • d=
    • petrol - Gunakan simbol bensin.
    • 0 - Gunakan deret data 0 untuk jumlah berulang.
    • 6 - Menggunakan faktor penskalaan 6.
    • V - Menumpuk secara vertikal.
    • 12 - Buat setiap penanda setinggi 12 piksel.
    • 0 - Gunakan seri 0 untuk menentukan warna.
    • F00,0F0,00F - Nilai warna rendah, menengah, dan tinggi.
    • 000 - Warna garis batas ikon.
    • 2 - Dua piksel di antara setiap ikon dalam tumpukan.
    • hv - Memusatkan tumpukan secara vertikal dan horizontal di setiap titik data.

chem=
  y;s=cm_repeat_color;ds=0;dp=all;
  d=petrol,0,6,V,12,0,F00,0F0,00F,000,2,hv

Kembali ke atas