Daftar Fitur Diagram

Halaman ini menjelaskan semua fitur dan parameter yang didukung oleh Chart API. Sebagian parameter ini berperilaku berbeda, bergantung pada jenis diagram; jika demikian, dokumentasi akan ditautkan ke dokumentasi diagram yang sesuai.

Parameter

Ini adalah parameter yang didukung oleh Google Chart API.

Parameter Deskripsi dan Sintaksis Jenis Diagram
chbh Lebar dan spasi batang

chbh=
  <bar_width_or_scale>,
  <space_between_bars>,
  <space_between_groups>

 Batang
chco Warna deret
chco=
  <series_1_element_1>|...|<series_1_element_n>,   <series_2>,...,<series_m>
 Batang, Google-o-meter, Garis, Peta, Pai, Radar, Sebar, Venn
chd Membuat diagram string data
chd=
  t:s,e,r,i,e,s,1|s,e,r,i,e,s,2|...
atau
  s:series1,series2,...
atau
  e:series1,series2,...
 Semua diagram
{i>chdl, chdlp, chdls<i} Teks dan gaya legenda diagram

chdl=
  <data_series_1_label>
   |...|
  <data_series_n_label>

chdlp=<opt_position>|<opt_label_order>

chdls=<color>,<font_size>

 Batang, Bulat Lilin, Google o-meter, Line, Pai, Radar, Sebar, Venn
chd Skala untuk format teks dengan rentang kustom
chds=
  <series_1_min>,
  <series_1_max>,...
Semua diagram yang dapat menerima chd
kimia Penanda ikon dinamis
chem=
  y;s=<icon_string_constant>;
  d=<marker_data_string>;
  ds=<which_series>;
  dp=<opt_which_points>;
  py=<opt_z_order>;
  po=<x,y>;
  of=<x_offset,y_offset>
 Batang, Batang Lilin, Garis, Radar, Sebar
chf Isi gradien
chf=
  <fill_type>,
  lg,
  <angle>,
  <color>
Batang, Candlestick, Google-o-meter (Khusus latar belakang), Garis, Pie (Khusus latar belakang), Radar, Sebar, Venn
chf Pengisi bergaris
chf=
  <fill_type>,
  ls,
  <angle>,
  <color_1>,<width_1>
    ,...,
  <color_n>,<width_n>
Batang, Candlestick, Google-o-meter (Khusus latar belakang), Garis, Pie (Khusus latar belakang), Radar, Sebar, Venn
chf Isian padat
chf=
  <fill_type>,
  s,
  <color>
Batang, Candlestick, Google-o-meter (Khusus latar belakang), Garis, Peta (Khusus
chfd Fungsi data
chfd=
  <series_index>,
  <variable_data>,
  <function_string>
    |...|
 Semua diagram yang dapat menerima chd
chg Garis petak
chg=
  <x_axis_step_size>,
  <y_axis_step_size>,
  <opt_dash_length>,
  <opt_space_length>,
  <x_offset>,
  <y_offset>
Batang, Batang Lilin, Garis, Radar, Sebar
kl Label diagram lingkaran, label o-meter Google
chl=<label>|...
Google o-meter, Pai
chld Data Label Diagram (berbagai jenis)
chld=<chart-specific_data>|<chart-specific_data>|...
Ikon dinamis berdiri sendiri
chls Gaya garis
chls=
  <line_1_thickness>,
  <opt_dash_length>,
  <opt_space_length>|...
Garis, Radar
chm=D Penanda garis
chm=
  D,
  <color>,
  <series_index>,
  <which_points>,
  <width>,
  <opt_z_order>|...
Batang, Batang Lilin, Garis, Radar, Sebar
{i>chm=r|R<i} Penanda rentang
chm=
  <r_or_R>,
  <color>,
  0,
  <start_point>,
  <end_point>|...
Batang, Batang Lilin, Garis, Radar, Sebar
chm=
a|c|C
d|E|o|
h|H|
s|S|
v|V|x		 Penanda bentuk
chm=
  <marker_type>,
  <color>,
  <series_index>,
  <opt_which_points>,
  <size>,
  <opt_z_order>,
  <opt_offset>|...
Batang, Batang Lilin, Garis, Radar, Sebar
chm=
f|t|A|N		 Penanda Nilai Teks dan Data
chm=
  <marker_type>,
  <color>,
  <series_index>,
  <opt_which_points>,
  <size>,
  <opt_z_order>|
  <opt_placement> ...
Batang, Batang Lilin, Garis, Radar, Sebar
chm=F Penanda batang lilin
chm=
  F,
  <opt_declining_color>,
  <data_series_index>,
  <opt_which_points>,
  <width>,
  <opt_z_order>
Batang, Batang Lilin, Garis
chm=b/B Pengisian Baris
chm=
  <b_or_B>,
  <color>,
  <start_line_index>,
  <end_line_index>,
  <0>
Bar (hanya dengan penanda garis), Line, Radar
chma Margin Grafik
chma=
  <left_margin>,
  <right_margin>,
  <top_margin>,
  <bottom_margin>
 |<opt_legend_width>,
   <opt_legend_height>
Batang, Lilin, Google o-meter, Line, Peta, Pai, Radar, Sebar, Venn
Cof Format output
chof=<format>
 Semua diagram
chp Garis nol diagram batang, Orientasi diagram lingkaran
chp=<zero_val>,...
Batang, Pai
chs Ukuran diagram
chs=<width>x<height>
Semua diagram
chst Jenis Ikon Dinamis
chst=<icon_string_constant>
 Ikon dinamis berdiri sendiri
cht Jenis Diagram
cht=<chart_type>
 Semua diagram
cttt Area geografis
chtm=<zoom_area>
 Peta
chtt, chts Judul dan gaya diagram

chtt=<chart_title>

chts=<color>,<font_size>,<opt_alignment>

 Batang, Bulat Lilin, Google o-meter, Line, Pai, Radar, Sebar, Venn
Cxt Sumbu terlihat
chxt=<axis_1>,...
 Batang, Batang lilin, Google o-meter, Garis, Radar, Sebar
chxr Rentang sumbu
chxr=
  <axis_index>,
  <start_val>,
  <end_val>,
  <opt_step>|...
Batang, Batang lilin, Google o-meter, Garis, Radar, Sebar
chxl Label Axis
chxl=
  <axis_index>:|<label_1>|...
 Batang, Batang lilin, Google o-meter, Garis, Radar, Sebar
{i>chxp<i} Posisi label sumbu
chxp=
  <axis_index>,
  <label_1_position>,
  ...,<label_n_position>
  |...
Batang, Batang lilin, Google o-meter, Garis, Radar, Sebar
chx Gaya label sumbu
chxs=
  <axis_index>
  <opt_format_string>,
  <opt_label_color>,
  <opt_font_size>,
  <opt_alignment>,
  <opt_axis_or_tick>,
  <opt_tick_color>,
  <opt_axis_color>|...
Batang, Bulat Lilin, Google o-meter (terbatas), Garis, Radar, Sebar
Cxtc Gaya tanda centang sumbu
chxtc=
  <axis_index_1>,
  <tick_length_1>,...,<tick_length_n>
  |...
Batang, Batang Lilin, Garis, Radar, Sebar

Format Warna

Tentukan warna menggunakan string nilai heksadesimal 6 karakter, ditambah dua nilai transparansi opsional, dalam format RRGGBB[AA]. Contoh:

  • FF0000 = Merah
  • 00FF00 = Hijau
  • 0000FF = Biru
  • 000000 = Hitam
  • FFFFFF = Putih

AA adalah nilai transparansi opsional, dengan 00 sepenuhnya transparan dan FF sepenuhnya tidak tembus pandang. Contoh:

  • 0000FFFF = Biru tak berkedip
  • 0000FF66 = Biru transparan

Kembali ke atas

Ukuran Diagram chs [Semua diagram]

Semua diagram mengharuskan ukuran ditentukan. Parameter ini menentukan total lebar dan tinggi gambar diagram, termasuk legend, margins, dan titles. Legenda, margin, dan judul terpotong agar sesuai dengan total ukuran diagram.

Ukuran diagram maksimum untuk semua diagram kecuali peta adalah total 300.000 piksel, dan lebar atau panjang maksimumnya adalah 1.000 piksel. Ukuran maksimum peta adalah 440x220.

Nilainya adalah bilangan bulat.

Sintaksis

chs=<width>x<height>
<width>
Lebar, dalam piksel. Nilai maksimumnya adalah 1.000. Lebar x tinggi tidak boleh lebih dari 300.000.
<height>
Tinggi, dalam piksel. Nilai maksimumnya adalah 1.000. Lebar x tinggi tidak boleh lebih dari 300.000.

 

Contoh

Deskripsi Contoh

Diagram 250 piksel x 100 piksel.

 Diagram lingkaran kuning
chs=250x100

Kembali ke atas

Jenis Diagram cht [Semua kecuali ikon dinamis]

Tentukan jenis diagram menggunakan parameter cht. Buka halaman dokumentasi masing-masing diagram untuk mengetahui daftar jenis diagram yang tersedia.

Sintaksis

cht=<type>[:nda]
<type>
Salah satu nilai jenis diagram.
:nda
[Opsional, hanya diagram garis] Anda dapat menambahkan :nda setelah jenis diagram di diagram garis untuk menyembunyikan sumbu default.

 

Contoh

Deskripsi Contoh

Bagan pai (Pie chart)

 Diagram lingkaran kuning
cht=p
Diagram Venn Diagram Venn dengan tiga lingkaran yang tumpang tindih, satu lingkaran berwarna biru yang lainnya berwarna hijau
cht=v
Diagram garis dengan dan tanpa sumbu default.

   Diagram garis dengan sumbu default       Diagram garis dengan sumbu tersembunyi
          cht=lc                      cht=lc:nda

Kembali ke atas

Warna Seri chco [Semua diagram]

Anda dapat menentukan warna deret tertentu, atau semua elemen deret, menggunakan parameter chco. Sintaksis dan arti yang tepat dapat bervariasi berdasarkan jenis diagram; lihat jenis diagram spesifik Anda untuk mengetahui detailnya.

Sintaksis

chco=
  <series_1_element_1>|...|<series_1_element_n>,<series_2>,...,<series_m>

Setiap entri dalam string ini adalah angka heksadesimal format RRGGBB. Warna yang berlaku untuk seluruh deret dibatasi dengan koma, warna yang berlaku untuk setiap elemen dalam suatu deret dibatasi oleh batang. Untuk sebagian besar jenis diagram, Anda dapat mencampur deskripsi warna untuk seluruh elemen deret dan masing-masing deret. Jika ada lebih banyak rangkaian atau elemen dalam diagram daripada warna yang ditentukan dalam string Anda, API biasanya melakukan siklus melalui warna elemen dari awal deret tersebut (untuk elemen) atau untuk warna deret dari awal daftar deret. Sekali lagi, lihat dokumentasi masing-masing diagram untuk mengetahui detailnya.

 

Contoh

Deskripsi Contoh

Saat Anda menentukan satu warna untuk setiap deret dalam diagram garis, setiap garis akan diberi warna yang sesuai. Contoh ini memiliki tiga deret data dan tiga warna yang ditentukan.

Diagram garis dengan satu garis merah, satu biru, dan satu hijau

chco=FF0000,00FF00,0000FF

Diagram garis ini juga memiliki tiga deret data, tetapi hanya dua warna yang ditentukan. Karena warna deret ketiga tidak ditentukan, garis ketiga digambar menggunakan warna pertama (merah).

Diagram garis dengan dua garis merah dan satu garis biru

chco=FF0000,0000FF
Contoh ini menunjukkan cara menentukan warna untuk setiap anggota deret (batang dalam contoh ini).

Diagram batang vertikal dengan dua set data: satu set data berwarna biru tua yang kedua ditumpuk dengan warna biru pucat

cht=bvs
chco=FFC6A5|FFFF42|DEF3BD|00A5C6|DEBDDE
Contoh ini menunjukkan cara menentukan warna deret dan masing-masing warna elemen. Seri pertama serba hitam (000000). Seri kedua, yang ditandai dengan koma, memiliki warna individual yang ditetapkan, yang dipisahkan dengan karakter |.

Diagram batang horizontal dengan satu titik data berwarna merah, yang kedua berwarna hijau, dan yang ketiga berwarna biru

chco=000000,FF0000|00FF00|0000FF

Kembali ke atas

Format Output chof [Semua diagram]

Anda dapat memilih format output diagram menggunakan parameter chof. Parameter ini juga dapat digunakan untuk menampilkan informasi proses debug saat mendesain diagram. Perhatikan bahwa beberapa format output berbentuk grafik (misalnya PNG dan GIF), tetapi format lainnya tidak. Penggunaan format non-grafis sebagai parameter src dari tag <img> akan menyebabkan gambar rusak di halaman Anda.

Sintaksis

chof=png|gif|json|validate.

Tentukan salah satu string berikut:

  • 'png' - Menampilkan diagram sebagai gambar PNG.
  • 'gif' - Menampilkan diagram sebagai gambar GIF.
  • 'json' - Menampilkan data peta gambar untuk diagram, sebagai string JSON. Fungsi ini dapat digunakan untuk membuat peta gambar untuk diagram guna membuat berbagai wilayah dapat diklik. Lihat Membuat Peta Gambar Diagram untuk format string ini dan informasi selengkapnya tentang cara menggunakannya.
  • 'validate' - Menampilkan halaman HTML yang mencantumkan error dalam URL diagram. Lihat Proses debug untuk tips proses debug lainnya.

 

Contoh

Deskripsi Contoh

Berikut adalah contoh PNG dan GIF dari grafik yang sama:

 Diagram batang vertikal dengan judul
chof=png		 Diagram batang vertikal dengan judul
chof=gif

Diagram dengan URL yang tidak valid: https://chart.googleapis.com/chart?cht=bvs&chd=s:YUVmw1&chco=0000FF&chs=180x150&chtt=Site+visitors&chts=0000FF,20,20&chbh=22,4&chof=validate (dapatkah Anda melihat kesalahannya?)

Menentukan chof=validate akan menampilkan halaman HTML; di sini kita telah menjadikannya sumber <iframe> sehingga Anda dapat melihat halaman hasil.
Contoh URL yang buruk dengan chof=validate

Berikut ini HTML yang ditampilkan untuk URL yang valid saat chof=validate.

https://chart.googleapis.com/chart?cht=bvs&chd=s:YUVmw1&chco=FF0000&chs=180x150&chtt=Site+visitors+by+month|January+to+July&chbh=22,4&chof=validate
URL diagram yang valid di dalam <iframe>

Kembali ke atas

Judul Diagram chtt, chts [Semua diagram]

Anda dapat menentukan teks judul, warna, dan ukuran font untuk diagram.

Sintaksis

chtt=<chart_title>
chts=<color>,<font_size>,<opt_alignment>

 

chtt - Menentukan judul diagram.

<chart_title>
Judul yang akan ditampilkan untuk diagram. Anda tidak dapat menentukan tempat munculnya, tetapi Anda dapat menentukan ukuran dan warna font secara opsional. Gunakan tanda + untuk menunjukkan spasi, dan karakter pipa ( | ) untuk menunjukkan pemisah 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). Nilai defaultnya adalah "c".

 

Contoh

Deskripsi Contoh

Diagram dengan judul, menggunakan warna dan ukuran font default.

Tentukan ruang dengan tanda plus (+).

Gunakan karakter pipa (|) untuk memaksa pemisah baris.

chts tidak ditentukan di sini.

 Diagram batang vertikal dengan judul
chtt=Site+visitors+by+month|
January+to+July

Diagram dengan judul 20 titik berwarna biru, rata kanan.

 Diagram batang vertikal dengan warna biru, 20 piksel, judul
chtt=Site+visitors
chts=FF0000,20,r

Kembali ke atas

Teks dan Gaya Legenda Diagram chdl, chdlp, chdls [Semua diagram]

Legenda adalah bagian samping diagram yang memberikan deskripsi teks kecil untuk setiap deret. Anda dapat menentukan teks yang terkait dengan setiap deret dalam legenda ini, dan menentukan di bagian diagram mana teks tersebut akan muncul.

Lihat juga chma, untuk mempelajari cara menetapkan margin di sekitar legenda.

Catatan tentang nilai string: Hanya karakter yang aman untuk URL yang diizinkan dalam string label. Agar aman, Anda harus mengenkode string apa pun ke dalam URL yang berisi karakter yang tidak ada 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 di 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. Tidak ada cara untuk menentukan baris baru dalam label. Legenda biasanya akan diperluas untuk menampung teks legenda, dan area diagram akan mengecil untuk mengakomodasi legenda.

chdlp - [Opsional] Posisi legenda, dan urutan entri legenda. Anda dapat menentukan <position> dan/atau <label_order>. Jika Anda menentukan keduanya, pisahkan keduanya dengan karakter batang. Anda dapat menambahkan 's' ke nilai apa pun jika ingin entri legenda kosong di 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 dalam baris horizontal.
  • bv - Legenda di bagian bawah diagram, entri legenda di kolom vertikal.
  • t - Legenda di bagian atas diagram, entri legenda dalam 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 dalam kolom vertikal.
<opt_label_order>
[Opsional] Urutan label ditampilkan di legenda. Pilih salah satu nilai berikut:
  • l - [Default for vertical legends] Menampilkan label dalam urutan yang diberikan ke chdl.
  • r - Menampilkan label dalam urutan terbalik seperti yang diberikan pada 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: secara kasar berarti mengurutkan menurut panjang, terpendek terlebih dahulu, sebagaimana 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. Daftar 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 dengan deret data Anda.

Diagram garis merah, biru, dan hijau dengan legenda yang cocok

chdl=NASDAQ|FTSE100|DOW
chco=FF0000,00FF00,0000FF

Diagram Venn dengan dua lingkaran kecil yang diapit oleh lingkaran yang lebih besar


chdl=First|Second|Third
chco=ff0000,00ff00,0000ff

Diagram pertama menunjukkan entri legenda horizontal (chdlp=t, tata letak default adalah horizontal), dan yang kedua menunjukkan entri legenda vertikal bawah (chdlp=bv).

Diagram Venn dengan dua lingkaran kecil yang diapit oleh lingkaran yang lebih besar
chdl=First|Second|Third
chco=ff0000,00ff00,0000ff
chdlp=t

Diagram Venn dengan dua lingkaran kecil yang diapit oleh lingkaran yang lebih besar
chdl=First|Second|Third
chco=ff0000,00ff00,0000ff
chdlp=bv
Contoh ini menunjukkan perubahan ukuran font.

Diagram Venn dengan dua lingkaran kecil yang diapit oleh lingkaran yang lebih besar
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 meningkatkan total ukuran diagram, tetapi akan memperkecil tampilan area diagram, jika perlu.

Secara default, margin yang tersisa setelah ukuran diagram dihitung. Nilai default ini bervariasi menurut jenis diagram. Margin yang Anda tentukan adalah nilai minimum; jika area diagram menyisakan ruang untuk margin, ukuran marginnya adalah apa pun yang tersisa; Anda tidak dapat menekan margin yang lebih kecil dari yang diperlukan untuk legenda dan label. Berikut adalah diagram yang menunjukkan bagian-bagian dasar diagram:

Margin diagram, area legenda, dan area diagram

Margin diagram berisi label sumbu dan area legend. Area legenda diubah ukurannya secara otomatis agar sesuai dengan teks dengan tepat, kecuali jika Anda menentukan lebar yang lebih besar menggunakan chma. Dengan begitu, ukuran margin akan diperluas lebih lebar sehingga area diagram akan menjadi lebih kecil. Anda tidak dapat memangkas legenda dengan menentukan ukuran yang terlalu kecil, tetapi Anda dapat membuatnya menggunakan lebih banyak ruang daripada yang dibutuhkan.

Tips: Dalam diagram batang, jika batang memiliki ukuran tetap (default), lebar area diagram tidak dapat dikurangi. Anda harus menentukan ukuran batang yang lebih kecil atau dapat diubah 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 sekeliling area diagram, dalam piksel. Tingkatkan nilai ini untuk menyertakan padding tertentu guna mencegah label sumbu tumpang-tindih dengan batas diagram.
<opt_legend_width>, <opt_legend_height>
[Opsional] Lebar margin di sekitar legenda, dalam piksel. Gunakan metode ini agar legenda tidak tumpang tindih dengan 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 disetel sesuai lebar legenda diagram, dan berbeda dari margin lainnya.

Label sumbu berada di luar area plot, sehingga ditempatkan di dalam ruang margin.

Diagram garis dengan latar belakang abu-abu dan margin di setiap sisi.
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.

Diagram garis dengan latar belakang abu-abu dan margin di setiap sisi.
chma=20,20,20,30|80,20

Kembali ke atas

Gaya dan Label Sumbu [Garis, Batang, Google-o-meter, Radar, Sebar]

Anda dapat menentukan sumbu yang akan ditampilkan pada diagram, dan memberinya label khusus serta posisi, rentang, dan gaya.

Tidak semua diagram menampilkan garis sumbu secara default. Anda dapat menentukan dengan tepat sumbu yang harus ditampilkan diagram menggunakan parameter chxt. Garis sumbu default tidak menampilkan angka; Anda harus menentukan sumbu dalam parameter chxt untuk menampilkan angka.

Anda dapat memilih agar sumbu menampilkan angka yang mencerminkan nilai data, atau Anda dapat 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 Anda dapat menata gaya nilainya (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 yang aman untuk URL yang diizinkan dalam string label. Agar aman, Anda harus mengenkode string apa pun ke dalam URL yang berisi karakter yang tidak ada dalam himpunan karakter 0-9a-zA-Z. Anda dapat menemukan encoder URL di Dokumentasi Visualisasi Google.

Bagian ini membahas topik berikut:

Sumbu 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 berdasarkan nilai, sedangkan sumbu kiri dan kanan menunjukkannya. Anda dapat mengubah perilaku ini menggunakan parameter chxs.

Sintaksis

chxt=
  <axis_1>
    ,...,
  <axis_n>
<axis>
Sumbu untuk ditampilkan pada diagram. Sumbu yang tersedia adalah:
  • x - Sumbu x bawah
  • t - Sumbu x atas [Tidak didukung oleh Google-o-Meter]
  • y - Sumbu y kiri
  • r - Sumbu y 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 pasang 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 dalam ke luar, jadi jika Anda memiliki x,x, x pertama mengacu pada salinan terdalam, x berikutnya merujuk ke 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 secara default memiliki rentang 0 hingga 100 untuk semua sumbu.

Perhatikan bahwa secara default, sumbu atas dan bawah tidak menampilkan tanda centang berdasarkan label.

Bagan garis dengan label: 0, 20, 40, 60, 80, dan 100 di sebelah kiri dan kanan dan label: 0, 25, 50, 75, dan 100 di atas dan di bawah
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 set sumbu x dan dua set sumbu y. Hal ini tidak terlalu berguna jika hanya menggunakan label sumbu default, seperti yang ditunjukkan di sini. Namun, Anda dapat menentukan label khusus untuk setiap salinan 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=200x,y" />, terjemahkan

<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


Contoh ini menunjukkan 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 untuk 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 tengah-tengah batang pertama, label kedua dipusatkan di dasar batang kedua, dan seterusnya.

Bagan garis dengan label: 0, 20, 40, 60, 80, dan 100 di sebelah kiri dan kanan dan label: 0, 25, 50, 75, dan 100 di atas dan di bawah
chxt=x,y,r,t
Anda dapat menyembunyikan sumbu default dalam diagram garis dengan menentukan :nda setelah jenis diagram. Diagram garis dengan sumbu tersembunyi
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 skala label sumbu. Jika Anda ingin membuat angka sumbu menjelaskan nilai data yang sebenarnya, tetapkan <start_val> dan <end_val> masing-masing 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> yang
Sumbu mana yang akan diberi label. Ini adalah indeks berbasis nol ke dalam array sumbu yang ditentukan oleh chxt. Misalnya, sumbu r akan menjadi 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 jumlah di antara titik skala pada sumbu. Tidak ada nilai langkah default; langkah dihitung untuk mencoba menampilkan kumpulan label dengan jarak yang tepat.

 

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 diambil dari rentang yang diberikan, dan ditempatkan secara merata dalam rentang tersebut. Dalam diagram garis, nilai tersebar merata di sepanjang sumbu x.

Arah sumbu untuk sumbu r (indeks 2) dibalik, 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 ditempatkan secara merata di sepanjang sumbu. Nilai lima (5) ditetapkan untuk parameter <opt_step>.

Diagram batang dengan 200, 300, dan 400 pada sumbu x chxt=x
chxr=0,10,50,5

Kembali ke atas

Label Sumbu Kustom chxl

Anda dapat menentukan label sumbu string kustom pada sumbu mana pun, menggunakan parameter chxl. Anda dapat menentukan label sebanyak yang diinginkan. Jika Anda menampilkan sumbu (menggunakan parameter chxt) dan tidak menentukan label khusus, label numerik standar akan diterapkan. Untuk menentukan rentang numerik kustom, gunakan chxr parameter.

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> yang
Sumbu mana yang akan diberi label. Ini adalah indeks ke dalam array parameter chxt. Misalnya, jika Anda memiliki chxt=x,x,y,y, indeks 0 akan menjadi sumbu x pertama, dan 1 akan menjadi sumbu x kedua.
<label_1>| ... |<label_n>
Satu atau beberapa label untuk ditempatkan di sepanjang sumbu ini. Nilai 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 tersebut. Tandai spasi dengan tanda +. Tidak ada cara untuk menentukan baris baru dalam label. Pisahkan label dengan karakter pipa. Catatan: Jangan tempatkan pipa setelah label akhir dalam parameter chxl.

 

Contoh

Deskripsi Contoh

Diagram ini menunjukkan cara menambahkan label khusus ke dua sumbu. Perhatikan bagaimana nilai-nilai tersebut berjarak secara merata, dan bagaimana nilai chxl terakhir tidak diakhiri dengan karakter pipa.

 Bagan garis dengan 0 dan 100 di sebelah kiri, A, B, dan C di sebelah kanan, Jan, Juli, Jan, Juli, dan Jan pada sumbu x dan 2005, 2006, dan 2007 di bawah
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.

Bagan garis dengan 0 dan 100 di sebelah kiri, A, B, dan C di sebelah kanan, Jan, Juli, Jan, Juli, dan Jan pada sumbu x dan 2005, 2006, dan 2007 di bawah
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 nilai.

Contoh ini menggunakan nilai default untuk label sumbu di sumbu y sebelah kiri.

Diagram batang dengan 0 dan 100 di sebelah kiri, A, B, dan C di sebelah kanan, Jan, Juli,Jan, Juli, dan Jan pada sumbu x dan 2005, 2006, dan 2007 di bawah
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 keseluruhan sumbu (misalnya, untuk memberi label pada satu sumbu "biaya" dan "siswa" lainnya"), gunakan properti chxt untuk menambahkan sumbu tambahan di setiap sisi, lalu gunakan chxl untuk menambahkan satu label khusus 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 menentukan posisi yang tepat menggunakan parameter ini, label akan ditempatkan 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 angka 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> yang
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 yang sesuai dalam array chxl: entri pertama berlaku untuk 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. Posisi harus sebanyak yang Anda miliki label untuk sumbu tersebut.

 

Contoh

Deskripsi Contoh

Contoh ini menyertakan label sumbu r di posisi yang ditentukan 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.

Line chart with min, average, and max on the right, 20, 40, 60, 80, and 100 on the left, and 0, 25, 50, 75, and 100 along the x-axis
chxt=x,y,r
chxl=2:|min|average|max
chxp=2,10,35,75

Contoh ini menunjukkan nilai label default, tetapi hanya pada lokasi yang ditentukan.

chxp=1,10,35,75 - Sumbu y hanya akan menampilkan tiga label: 10, 35, dan 75. Karena tidak ada teks label khusus yang ditentukan, nilai sumbu ini ditampilkan. Perhatikan bahwa Anda tidak perlu memberi label spasi secara merata saat menggunakan chxp. Jika chxp belum ditentukan di sini, jarak nilai label default pada sumbu y adalah setiap 20 unit, seperti yang ditunjukkan pada grafik kedua.

 Line chart with 10, 35, and 75 on the left, and 0, 25, 50, 75, and 100 along the x-axis
chxt=x,y
chxp=1,10,35,75
Diagram garis dengan posisi sumbu default.
chxt=x,y
chxp tidak ditetapkan

Kembali ke atas

Gaya Label Sumbu chxs

Anda dapat menentukan ukuran font, warna, dan perataan untuk label sumbu, baik label khusus maupun nilai label default. Semua label pada sumbu yang sama memiliki format yang sama. Jika memiliki beberapa salinan sumbu, Anda dapat memformat masing-masing sumbu secara 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 berdasarkan 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 tempat hal ini berlaku. 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. String diawali dengan huruf N literal, diikuti dengan nilai berikut, semuanya opsional: Sintaksis string pemformatan adalah sebagai berikut:
       N<preceding_text>*<number_type><decimal_places>zs<x or y>*<following_text>
Berikut arti setiap elemen:
  • <preceding_text> - Teks literal untuk mendahului setiap nilai.
  • *...* - Blok opsional yang digabungkan dengan tanda bintang literal, tempat Anda dapat menentukan detail pemformatan untuk angka. Nilai-nilai berikut didukung, dan semuanya bersifat opsional:
    • <number_type> - Format angka, untuk nilai numerik. Pilih salah satu opsi berikut:
      • f - [Default] Format floating point. Pertimbangkan juga untuk menentukan presisi menggunakan nilai <decimal_places>.
      • p - Format persentase. Tanda % ditambahkan secara otomatis. Catatan: Saat menggunakan format ini, nilai data dari peta 0,0 — 1,0 hingga 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 tempat desimal yang akan ditampilkan. Nilai dibulatkan (tidak terpotong) sesuai panjang ini. Nilai defaultnya adalah 2.
    • z - Menampilkan angka nol di belakang. Defaultnya adalah tidak.
    • s - Pemisah grup display. Defaultnya adalah tidak.
    • x atau y -Menampilkan data dari koordinat x atau y, seperti yang ditentukan. Arti data x bervariasi menurut jenis diagram: lakukan eksperimen dengan diagram Anda untuk menentukan artinya. Nilai 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. Nilai defaultnya adalah abu-abu.
<opt_font_size>
[Opsional] menentukan ukuran font dalam piksel. Parameter ini bersifat opsional.
<opt_alignment>
[Opsional] Penyelarasan label. Untuk sumbu atas atau bawah, hal ini menjelaskan bagaimana label disejajarkan dengan tanda centang di atas atau di bawahnya; untuk sumbu kiri atau kanan, hal ini menjelaskan bagaimana sejajar di dalam kotak pembatasnya, yang menyentuh sumbu. Tentukan salah satu angka berikut:
  • -1 - Atas atau bawah: label berada di sebelah kanan titik skala; Kiri atau kanan: label rata kiri di areanya. Default untuk label sumbu r.
  • 0 - Atas atau bawah: label dipusatkan di 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 titik skala; Kiri atau kanan: label diratakan kanan di 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, sumbu tersebut tidak didukung untuk bagian luar dua sumbu x). Gunakan salah satu nilai berikut:
  • l (huruf kecil 'L') - Menggambar garis sumbu saja.
  • t - Hanya gambar tanda centang. Tanda centang adalah garis kecil di samping label sumbu.
  • lt - [Default] Gambar garis sumbu dan tanda centang untuk semua label.
  • _ - (Garis bawah) Gambar bukan garis sumbu atau tanda centang. Jika Anda ingin menyembunyikan garis sumbu, gunakan nilai ini.
<tick_color>
[Opsional; tidak didukung di Google o-meter] Warna tanda centang, dalam format heksadesimal RRGGBB. Nilai defaultnya adalah abu-abu.
<opt_axis_color>
[Opsional] Warna garis sumbu ini, dalam format heksadesimal RRGGBB. Nilai defaultnya adalah abu-abu.

 

Contoh

Deskripsi Contoh

Ukuran dan warna font ditentukan untuk sumbu x kedua (Jan, Feb, Mar).

Diagram garis dengan nilai minimum, rata-rata, dan maksimal di sebelah kiri, 0, 1, 2, 3, dan 4 di sebelah kanan, 0 hingga 100 di sepanjang sumbu x dan Jan, Feb, dan Mar dalam warna biru di bawah

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 {i>font<i} ditentukan untuk sumbu y di sebelah kanan. Tanda centang, tetapi tidak ada garis sumbu, digambar.

Diagram garis dengan 0 hingga 100 di sepanjang sumbu x, Jan, Feb, Mar di bawah, 0 hingga 4 pada sumbu y, dan tanda centang merah dengan teks biru untuk min, rata-rata, dan maks di sebelah kanan.

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 menampilkan tiga set label sumbu, satu per rangkaian. Setiap kumpulan label diformat menggunakan string pemformatan kustom, seperti yang dijelaskan di sini:

  • 0N*e,000000|
    • 0 berarti deret 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 rangkaian 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 dari penentu format
    • Mil adalah string berikut literal
    • 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 menampilkan dua angka nol di belakang
    • 0000FF berarti teks biru.

Rentang label sumbu ditetapkan menggunakan parameter chxr (axis_index, start, end, step). Jika tidak disetel, nilainya akan menjadi 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 hal ini digunakan untuk memperluas tanda centang di sepanjang diagram. Gunakan parameter chxs untuk mengubah warna tanda centang.

Nilai untuk beberapa sumbu harus dipisahkan menggunakan karakter pipa (|). Nilai-nilai dalam suatu 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 tempat hal ini berlaku. 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 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 merah yang panjang. Panjang tanda centang di sini melebihi lebar area diagram, tetapi dipangkas agar pas dengan diagram.

  • chxt=x,y,r,x - Menampilkan satu sumbu kiri, satu 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 (indeks=2) untuk tiga 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 sumbu untuk sumbu y dan r. Nilai pertama menentukan titik skala 10 piksel, di luar sumbu. Nilai kedua menentukan tick sepanjang 180 piksel di dalam sumbu; angka negatif berarti tick masuk ke dalam sumbu, dan tick dipangkas agar pas di dalam diagram.

Diagram garis dengan 0 hingga 100 di sepanjang sumbu x, Jan, Feb, Mar di bawah, 0 hingga 4 pada sumbu y, dan tanda centang merah panjang dengan teks biru untuk min, rata-rata, dan maksimal di sebelah kanan.

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 bergantian. chxtc menentukan dua nilai tick length untuk sumbu y (5 dan 15), dan tick yang digambar pada diagram berselang-seling di antara kedua nilai tersebut.
chxt=x,y
chxtc=
  1,5,15

Kembali ke atas

Pengisian Latar Belakang chf [Semua diagram]

Anda dapat menentukan warna dan gaya isian untuk area data diagram dan/atau seluruh latar belakang diagram. Jenis isian meliputi isian solid, 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 ( | ). Area diagram mengisi menimpa isian latar belakang diagram.

Solid Fills chf [Semua Diagram]

Anda dapat menentukan isian solid untuk latar belakang dan/atau area diagram, atau menetapkan nilai transparansi ke 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 diisi. Tentukan salah satu nilai berikut:
  • bg - Isi latar belakang
  • c - Isi 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 padat batang (hanya diagram batang). Ganti <index> dengan indeks deret batang untuk diisi dengan warna solid. Efeknya mirip dengan menentukan chco pada diagram batang. Lihat Warna Seri Diagram Batang untuk mengetahui contohnya.
d
Menunjukkan isian solid atau transparansi.
<color>
Warna pengisi, dalam format heksadesimal RRGGBB. Untuk transparansi, enam digit pertama diabaikan, tetapi tetap harus disertakan.

 

Contoh

Deskripsi Contoh

Contoh ini mengisi latar belakang diagram dengan abu-abu pucat (EFEFEF).

Diagram garis merah dengan isian area hitam.

chf=bg,s,EFEFEF

Contoh ini mengisi latar belakang diagram dengan abu-abu pucat (EFEFEF) dan mengisi area diagram dengan warna hitam (000000).

Diagram garis merah dengan area diagram hitam dan latar belakang abu-abu pucat.

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 di diagram.

Scatter plot dengan titik-titik berwarna biru, dan transparansi 50%.

chf=a,s,00000080

Kembali ke atas

Isi Gradien chf [Garis, Batang, Google-o-meter, Radar, Sebar,Venn]

Anda dapat menerapkan satu atau beberapa isian gradien ke area atau latar belakang diagram. Isi gradien memudar dari satu warna ke warna lain. (Pai, diagram o-meter Google: hanya latar belakang.)

Setiap isian gradien menentukan sudut, lalu dua atau lebih warna yang ditambatkan ke lokasi yang ditetapkan. Warnanya bervariasi saat berpindah dari satu anchor ke anchor lainnya. Anda harus memiliki minimal dua warna dengan nilai <color_centerpoint> yang berbeda, sehingga salah satunya dapat memudar dengan warna lainnya. 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 - Isi area diagram.
  • b<index> - Isi gradien batang (khusus diagram batang). Ganti <index> dengan indeks deret batang untuk diisi dengan gradien. Lihat Warna Seri Diagram Batang untuk mengetahui contohnya.
lg
Menentukan isian gradien.
<sudut>
Angka yang menentukan sudut gradien dari 0 (horizontal) hingga 90 (vertikal).
<color>
Warna pengisi, dalam format heksadesimal RRGGBB.
<color_centerpoint>
Menentukan titik link untuk warna. Warna akan mulai memudar dari titik ini saat mendekati anchor lainnya. Rentang nilainya mulai 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 linier horizontal, yang ditentukan dengan sudut nol derajat (0).

Warnanya jingga pucat (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).

Diagram garis abu-abu tua dengan latar belakang abu-abu pucat dan area diagram dalam gradasi linier putih ke biru dari kiri ke kanan

chf=
  c,lg,0,
  FFE7C6,0,(persik)
  76A4FB,1 (biru)

Area diagram memiliki gradien linier diagonal (kiri bawah ke kanan atas), yang ditetapkan dengan sudut empat puluh lima derajat (45).

Persik (FFE7C6) adalah warna pertama yang ditentukan. Bagian kiri bawah diagram menampilkan warna jingga pucat.

Biru (6A4FB) adalah warna kedua yang ditentukan. Bagian kanan atas diagram berwarna biru murni. Perhatikan cara kami menentukan offset sebesar 0,75, untuk memberikan puncak biru yang memudar ke arah sudut kanan atas.

Latar belakang diagram digambar dengan warna abu-abu (EFEFEF).

Diagram garis abu-abu tua dengan latar belakang abu-abu pucat dan area diagram dalam gradien linier diagonal putih ke biru dari kiri bawah ke kanan atas

chf=
  c,lg,45,
  FFE7C6,0, (persik)
  76A4FB,0.75 (biru)

Area diagram memiliki gradien linier 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 jingga pucat.

Latar belakang diagram digambar dengan warna abu-abu (EFEFEF).

Diagram garis abu-abu tua dengan latar belakang abu-abu pucat dan area diagram dalam gradasi linear vertikal putih ke biru dari bawah ke atas

chf=
  c,lg,90,
  FFE7C6,0, (persik)
  76A4FB,0.5 (biru)

Kembali ke atas

 

Isi bergaris chf [Line, Bar, Google-o-meter, Radar, Scatter, Venn]

Anda dapat menentukan isian latar belakang bergaris untuk area diagram Anda, atau seluruh diagram. (Pai, diagram o-meter Google: hanya 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 - Isi area diagram
  • b<index> - Isi bergaris batang (khusus diagram batang). Ganti <index> dengan indeks deret batang untuk diisi dengan garis. Lihat Warna Seri Diagram Batang untuk mengetahui contohnya.
ls
Menentukan isian garis linear.
<sudut>
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 setidaknya dua garis. Stripe akan bergantian hingga diagram diisi.
<width>
Lebar garis ini, dari 0 hingga 1, dengan 1 adalah lebar penuh diagram. Garis diulang sampai diagram terisi. Ulangi <color> dan <width> untuk setiap garis tambahan. Anda harus memiliki setidaknya dua garis. Stripe akan bergantian hingga diagram diisi.

 

Contoh

Deskripsi Contoh
  • bg,ls,0 - Isi garis latar belakang dengan garis pada sudut nol derajat terhadap sumbu y (sejajar dengan sumbu y). Garis-garis mengisi latar belakang diagram serta area plot.
  • CCCCCC,0.15 - Garis pertama berwarna abu-abu tua, selebar 15% dari diagram.
  • FFFFFF,0.1 - Garis kedua berwarna putih, selebar 10% dari diagram.
 Diagram garis biru dengan garis abu-abu dan putih berselang-seling dari kiri ke kanan
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 mengisi area plot, tetapi latar belakang diagram dihilangkan.
  • 999999,0.25 - Garis pertama berwarna abu-abu tua, selebar 25% dari diagram.
  • CCCCCC,0.25 - Sama seperti garis pertama, tetapi abu-abu muda.
  • FFFFFF,0.25 - Sama seperti garis pertama, tetapi putih.
 Diagram garis biru dengan garis abu-abu tua, abu-abu pucat, putih dan abu-abu tua dari bawah ke atas
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 padat atau putus-putus pada diagram menggunakan parameter chg.

Parameter ini tidak mengizinkan Anda menentukan ketebalan atau warna garis. Untuk mengetahui cara lain membuat garis di seluruh diagram, lihat penanda bentuk (chm jenis 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 akan 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> untuk garis utuh. Nilai defaultnya adalah 4,1.
<opt_x_offset>,<opt_y_offset>
[Opsional] Jumlah unit, sesuai dengan skala diagram, untuk mengimbangi garis petak x dan y. Dapat berupa nilai 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.

 Diagram garis dengan 5 garis kisi putus-putus vertikal dan dua garis kisi horizontal pucat
chg=20,50
Diagram garis dengan 5 garis kisi putus-putus vertikal dan dua garis kisi horizontal pucat
chg=20,50

Contoh ini menggunakan ruang yang lebih besar untuk menampilkan garis petak yang lebih ringan (1,5).

 Diagram garis dengan 5 garis vertikal dan dua garis horizontal samar, abu-abu pucat, putus-putus
chg=20,50,1,5

Untuk menampilkan garis petak padat, tentukan nol (0) untuk parameter <opt_space_length>.

Diagram ini juga menentukan offset sumbu x sebesar 10.

 Diagram garis dengan 5 garis vertikal dan dua garis kisi horizontal pucat dan horizontal
chg=20,50,1,0,10

Diagram ini menunjukkan offset sumbu x sebesar 10, dan offset sumbu y sebesar 20.

 Diagram garis dengan 5 garis vertikal dan dua garis kisi horizontal pucat dan horizontal
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 di garis diagram gabungan, kecuali jika jenis dasar diagram gabungan adalah diagram garis.

Sintaksis

Pisahkan beberapa gaya garis dengan karakter pipa ( | ); gaya pertama berlaku untuk baris pertama, kedua ke baris berikutnya, dan seterusnya. Jika Anda memiliki lebih sedikit gaya daripada garis, gaya default akan diterapkan ke semua garis yang tidak ditetapkan.

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, tentukan nilai apa pun. Jika Anda hanya menentukan <opt_dash_length>, maka <opt_space_length> akan ditetapkan ke <opt_dash_length>. Default 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.

 Diagram garis dengan satu garis utuh dan satu garis putus-putus
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 item mana pun dapat dihilangkan sepenuhnya di URL Anda. 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 Tersemat 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 diawali 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. String ini berisi string yang sama dengan yang akan digunakan dalam parameter chld untuk ikon freestanding yang setara, kecuali bahwa semua pemisah | harus diganti dengan koma (jangan lupa untuk menggunakan koma, bukan penanda pipa untuk teks multibaris!). Perhatikan bahwa dalam string data, Anda juga harus meng-escape karakter berikut dengan tanda @: pipa ( | ) , at ( @ ) , 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 mana yang digunakan untuk menggambar penanda. Nilai default-nya adalah 0 (titik pertama dalam deret). Gunakan salah satu format berikut:
  • n.d - Titik data mana untuk menggambar 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 di antara poin 3 dan poin 4.
  • range,<start>,<end>,<step> - Gambar penanda di setiap titik data langkah dalam rentang dari awal hingga akhir, inklusif. awal dan akhir adalah nilai indeks, dan dapat berupa angka floating point untuk menunjukkan nilai antara. Semua nilai bersifat opsional; defaultnya adalah: start=0, end=last item, step=1. Jika melewatkan sebuah nilai, Anda harus tetap menyertakan koma perantara, tetapi tidak perlu menyertakan koma kosong di akhir. 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 pada setiap 1,5 titik data dari item keempat hingga item terakhir.
  • all - Gambar penanda di setiap elemen. Fungsi ini setara dengan range,0,end_index. Contoh: dp=all
  • every,n - Gambar penanda pada setiap penanda ke-n. Contoh: dp=every,2 menggambar penanda pada item 0, 2, dan 4.
py=<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) tepat di bawah 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).
po=<x,y>
[Opsional] Posisi absolut pada diagram untuk menggambar penanda. x dan y adalah dua angka 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 meng-offset ikon dari posisi normalnya. x_offset dan y_offset adalah bilangan bulat positif atau negatif. Penting untuk menentukan nilai ini dalam ikon dinamis yang disematkan, karena penanda akan dipusatkan secara vertikal dan horizontal di atas titik, yang berarti titik tersebut mungkin tidak 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 kemiringan, 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

Diagram garis dengan penanda ikon dinamis.
chem=
  y;s=bubble_icon_text_small;d=ski,bb,Wheeee!,FFFFFF;dp=2;ds=0

Penanda ikon dinamis yang sama seperti gambar mandiri.


chst=
  d_bubble_icon_text_small
chld=
  ski|bb|Wheeee!|FFFFFF|000000

Perhatikan bahwa penanda ikon dinamis akan diposisikan di tengah titik secara horizontal dan vertikal. Jadi, jika Anda menggunakan ikon dinamis dengan ekor, ekor tersebut tidak akan berada di titik diagram; pusat penandanya akan berada di titik diagram. Diagram pertama menempatkan tanda di titik data 3, yang sebenarnya menempatkan ekor sedikit di sebelah kanan tanda pada garis.

Diagram kedua menggunakan nilai of untuk memindahkan ujung 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 dijelaskannya.
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
Ini menunjukkan penanda teks multigaris. Penanda harus di-offset setelah menambahkan teks, karena balon berubah ukurannya agar sesuai dengan teks, sehingga menyebabkannya diposisikan kembali di tengah diagram. Perhatikan cara 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 yang disematkan: diagram tersemat dalam balon dan diagram tersemat tanpa balon. Berikut adalah contoh dari keduanya:

Diagram tanpa balon
Buat diagram dengan balon
Diagram tanpa balon

Berikut adalah detail parameter s=<icon_string_constant>;d=<marker_data_string>, baik untuk diagram non-gelembung dan yang disematkan dalam 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-gelembung] Bagian diagram tersemat tanpa balon yang disematkan ke titik data. Pilih salah satu konstanta string dua huruf dalam diagram berikut:String perataan
chart_data
Data untuk diagram yang disematkan. Ini adalah semua 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
[Khusus 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
[Khusus balon] Warna pengisi 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 dengan mengikuti aturan yang diberikan setelah alat tersebut.

Aturan untuk konversi manual

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

Ganti Dengan ini
%7C atau %7c
|
@
@@
%
%25
,
@,
|
@|
;
@;
-
%26
=
%3D

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

Kembali ke atas

Pengisian Baris chm [Garis, Radar]

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

Anda dapat menggabungkan isian 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 akan mengisi bagian bawah diagram, atau hanya ke baris bawah berikutnya.
  • B - Mengisi dari <start_line_index> ke bagian bawah diagram. <end_line_index> mendukung sintaksis khusus yang memungkinkan Anda mengisi segmen diagram. Cara ini paling mudah jika Anda memiliki diagram dengan satu garis yang ingin diisi.
  • b - Mengisi di antara dua garis dalam diagram multi-garis. Baris awal dan akhir ditunjukkan dengan <start_line_index> dan <end_line_index>.
<color>
Format RRGGBB angka heksadesimal untuk warna isian.
<start_line_index>
Indeks garis tempat pengisian dimulai. Rangkaian data pertama yang ditentukan dalam chd memiliki indeks nol (0), deret data kedua memiliki indeks 1, dan seterusnya.
<end_line_index>
  • Jenis isian 'b' - Baris yang akan digunakan untuk menghentikan pengisian. Baris ini harus berada di bawah baris saat ini.
  • Jenis isian 'B' - Salah satu pilihan berikut:
    • nilai apa pun - Angka tunggal apa pun dalam parameter ini akan diabaikan, dan isian akan berpindah dari garis yang ditentukan ke dasar diagram
    • start:end - Untuk mengisi irisan vertikal di bawah diagram, tentukan start:end, dengan indeks titik data yang menjelaskan tempat memulai dan menghentikan pengisian. Kedua nilai 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, paling mudah menggunakan chm=B. Ini akan mengisi seluruh area di bawah garis.

Ini adalah satu-satunya jenis area isian yang tersedia untuk diagram radar. chm=b tidak berfungsi dengan diagram radar.


chm=B,76A4FB,0,0,0

Berikut adalah diagram dengan dua garis dan dua isian. Mengisi area di bawah garis bawah dan di atas garis atas memerlukan teknik khusus, yang akan dibahas berikutnya.


chd=s:
cefhjkqwrlgYcfgc,
QSSVXXdkfZUMRTUQ,
HJJMOOUbVPKDHKLH,

chm=
b,224499,0,1,0| (biru)
b,FF0000,1,2,0| (merah)

Pada diagram multigaris, untuk mengisi dari bagian atas diagram hingga 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 seterusnya. Isi dari deret ini ke baris paling atas.

Untuk mengisi dari baris terakhir ke 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 itu sendiri digambar dengan warna hitam, menggunakan chco.

 Tiga garis pada diagram; diagram diarsir hijau dari baris bawah ke pertama, merah dari baris pertama ke kedua, biru tua dari baris kedua ke ketiga, dan biru pucat dari baris ketiga ke atas diagram
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 ini diagram garis dengan irisan isian vertikal. Hal ini dilakukan dengan menentukan pasangan start:end untuk <end_line_index> dengan jenis isian baris 'B'.

  • B,76A4FB,0,0:3,0 - Isi vertikal biru di bawah garis 0, dibatasi oleh titik data 0—3.
  • B,990000,0,7:10,0 - Isi vertikal merah di bawah garis 0, dibatasi oleh titik data 7—10.
  • B,DEDC06,0,12:,0 - Isi vertikal 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.

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

 Diagram garis, satu garis memiliki 15 lingkaran piksel di setiap titik data garis lainnya memiliki 10 wajik piksel. Berlian digambar pada titik yang sama di kedua garis
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).

 Diagram garis dengan penanda di setiap titik kedua
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). Diagram garis dengan penanda di setiap titik kedua
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.
Diagram garis dengan penanda di setiap titik kedua
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.
 Diagram garis dengan penanda di setiap titik kedua
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 Nilai Teks dan Data chm [Batang, Garis, Radar, Sebar]

Anda dapat memberikan label pada titik tertentu pada diagram dengan teks kustom, atau dengan versi data yang diformat pada titik tersebut.

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

Catatan tentang nilai string: Hanya karakter yang aman untuk URL yang diizinkan dalam string label. Agar aman, Anda harus mengenkode string apa pun ke dalam URL yang berisi karakter yang tidak ada dalam himpunan karakter 0-9a-zA-Z. Anda dapat menemukan encoder URL di Dokumentasi Visualisasi Google.

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 menandai semua rangkaian. Jika Anda tidak menetapkan penanda ke deret data, penanda tidak akan didapatkan.

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', lalu ketik teks kustom yang dienkode ke URL. Untuk meng-escape koma dalam penanda teks, awali koma dengan tanda \. Contoh: tHello\,+World!
  • A<text> - Penanda anotasi. Hal ini mirip dengan penanda bendera, tetapi penanda akan mengoordinasikan posisinya sehingga tidak tumpang tindih. Satu-satunya format yang valid untuk <opt_which_points> adalah n.d, yang menunjukkan indeks titik dalam deret.
  • N<formatting_string> - Nilai data pada tahap ini, dengan pemformatan opsional. Jika Anda tidak menggunakan parameter chds (penskalaan kustom), parameter ini akan memberikan nilai terenkode yang tepat. Jika Anda menggunakan parameter tersebut dengan jenis format apa pun, nilai 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 setiap elemen:
    • <preceding_text> - Teks untuk mendahului setiap nilai.
    • *...* - Blok opsional yang digabungkan dengan tanda bintang literal, tempat Anda dapat menentukan detail pemformatan untuk angka. Nilai-nilai berikut didukung, dan semuanya bersifat opsional:
      • <number_type> - Format angka, untuk nilai numerik. Pilih salah satu opsi berikut:
        • f - [Default] Format floating point. Pertimbangkan juga untuk menentukan presisi menggunakan nilai <decimal_places>.
        • p - Format persentase. Tanda % ditambahkan secara otomatis. Catatan: Saat menggunakan format ini, nilai data dari peta 0,0 — 1,0 hingga 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 tempat desimal yang akan ditampilkan. Nilai dibulatkan (tidak terpotong) sesuai panjang ini. Nilai defaultnya adalah 2.
      • z - Menampilkan angka nol di belakang. Nilai defaultnya adalah no.
      • s - Pemisah grup display. Defaultnya adalah tidak.
      • x atau y -Menampilkan data dari koordinat x atau y, seperti yang ditentukan. Arti data x bervariasi menurut jenis diagram: lakukan eksperimen dengan diagram Anda untuk menentukan artinya. Nilai 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 yang digunakan untuk menggambar penanda. Jika 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 di bawah sebagai contoh.
<opt_which_points>
[Opsional] Titik mana yang akan digunakan untuk menggambar penanda. Nilai defaultnya adalah semua penanda. Gunakan salah satu nilai berikut:
  • n.d - Titik data mana untuk menggambar 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.
  • -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.
  • 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 berasal dari elemen keempat hingga langkah terakhir, langkah 1, dan menghilangkan parameter ini sepenuhnya akan ditetapkan secara default ke first:last:1. 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
  • x:y - [Tidak didukung untuk penanda jenis N] Gambar penanda pada titik x/y tertentu pada diagram. Titik ini tidak harus pada garis. Tambahkan karakter @ (@) 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 bagian tengah diagram, dan 1:1 adalah 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. Jika ini adalah diagram sebar dengan deret data ketiga (digunakan untuk menentukan ukuran titik), nilai ini akan diskalakan menurut rentang data. Jadi, jika rentang data adalah 0—100 dan <size> adalah 30, nilai data 100 memiliki lebar 30 piksel, nilai data 50 akan memiliki lebar 15 piksel, dan seterusnya.
<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_placement>
[Opsional] Detail penempatan tambahan yang menjelaskan tempat meletakkan penanda ini, terkait dengan titik data. Anda dapat menentukan pemosisian relatif horizontal dan/atau vertikal, serta offset. Sintaksis penempatan adalah string dengan pemisah kolom : seperti yang ditampilkan 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 dan N,000000,0,1,10,,lv serta N,000000,0,1,10,,r::10.
horizontal_and_vertical_justification
Titik link penanda. Perilaku ini berlawanan dengan justifikasi, jadi anchor kiri benar-benar menempatkan penanda di kanan titik data. Anda dapat memilih justifier horizontal dan/atau vertikal dari daftar berikut:
  • Penempatan horizontal: 'l', 'h', atau 'r' - Kiri, tengah, atau ditambatkan ke kanan, secara horizontal. Nilai defaultnya adalah 'l'.
  • Penempatan vertikal: 'b', 'v', 't' - Bagian bawah, tengah, atau bagian atas, secara vertikal. Nilai defaultnya adalah 'b'.
  • Penempatan relatif batang [Hanya diagram batang]: 's', 'c', 'e' - Dasar, tengah, atau atas batang. Untuk diagram bertumpuk, diagram ini relatif terhadap bagian batang untuk setiap deret, bukan untuk seluruh batang. Jika indeks deret yang diberikan adalah -1 (total tumpukan), ini terkait dengan seluruh batang. Ini dapat digabungkan dengan nilai penempatan vertikal: misalnya, 'be' atau 'vs'. Nilai defaultnya adalah 'e'.
horizontal_offset
Offset horizontal untuk penanda ini, dalam piksel. Nilai defaultnya adalah 0.
vertical_offset
Offset vertikal untuk penanda ini, dalam piksel. Default diagram non-batang: 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 ditampilkan sebagai persentase, dibulatkan ke nol angka desimal, berwarna hitam, di semua nilai, dalam teks 11 titik. Perhatikan bahwa nilai data semuanya antara 0,0 dan 1,0, yang, dalam format persentase, dipindahkan ke atas dua angka di belakang koma.

Diagram kedua (N*cEUR1*) menampilkan nilai sama yang diformat sebagai nilai Euro, satu angka di belakang koma, berwarna hitam, untuk semua nilai, dalam teks 11 titik.

Diagram batang dengan label persentase di atas setiap batang
chm=
  N*p0*,000000,0,-1,11
chd=t:
  0.4356,0.3562,0.4834,0.575,0.673,0.6091

Diagram batang dengan label Euro di atas setiap batang


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. Tindakan ini tidak akan memengaruhi ukuran batang atau label sumbu, tetapi hanya nilai penanda data.

Contoh ini menampilkan diagram dengan nilai yang dienkode sederhana sebesar 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 adalah contoh diagram dengan label teks pada titik minimum dan label flag pada titik maksimum.

Bagan garis dengan label teks biru 10pt, dan bendera dengan teks merah 15pt, digambar pada titik data garis hijau putus-putus.
chm=
  tMin,0000FF,0,1,10|
  fMax,FF0000,0,3,15
Contoh ini menunjukkan diagram bertumpuk dengan nilai untuk masing-masing deret, serta total seri. Untuk menampilkan nilai deret yang ditumpuk, kita harus menggunakan opsi penentuan posisi '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 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, dan anchor atas memindahkan penanda ke bawah, dan sebaliknya. Titik merah menunjukkan bagian dasar, bagian tengah, dan atas setiap batang. Angka 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 isian 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, Candlestick, Line, Radar, Sebar]

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

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

Sintaksis

Tentukan satu set parameter berikut untuk setiap band yang akan digambar. Untuk menggambar beberapa band, buat kumpulan parameter tambahan, yang dipisahkan oleh 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 format RRGGBB angka heksadesimal.
0
Dicadangkan — harus nol.
<start_point>
Posisi awal rentang.
  • Untuk penanda rentang horizontal, ini adalah posisi pada sumbu y, dengan 0.00 adalah bagian bawah diagram, dan 1.00 adalah bagian atas diagram.
  • Untuk penanda rentang vertikal, ini adalah posisi pada sumbu x, dengan 0.00 adalah bagian kiri diagram, dan 1.00 adalah di sebelah kanan diagram.
<end_point>
Posisi akhir rentang.
  • Untuk penanda rentang horizontal, ini adalah posisi pada sumbu y, dengan 0.00 adalah bagian bawah diagram, dan 1.00 adalah bagian atas diagram.
  • Untuk penanda rentang vertikal, ini adalah posisi pada sumbu x, dengan 0.00 adalah bagian kiri diagram, dan 1.00 adalah di sebelah kanan diagram.

 

Contoh

Deskripsi Contoh

Penanda rentang bisa 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 pada 0,1 di sepanjang sumbu y dan berakhir di 0,11 dari sumbu y (garis hitam tipis).
 Bagan garis dengan pita horizontal biru pucat yang membentang dari 25 persen hingga 75 persen dari jalan ke atas sumbu y dan garis horizontal tipis sepuluh persen dari jalan ke atas sumbu y
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).

 Bagan garis dengan pita vertikal biru pucat yang membentang dari 25 persen hingga 75 persen sepanjang sumbu x dan garis vertikal tipis sepuluh persen dari jalan di sepanjang sumbu x.
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.

 Bagan garis dengan pita vertikal biru dan pita horizontal biru pucat yang membentang dari 25 persen hingga 75 persen sepanjang sumbu x dan y. Garis merah vertikal tipis dan garis hitam horizontal tipis masing-masing sepuluh persen dari jalan di sepanjang sumbu x dan y
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 di garis nol, garis titik tengah, dan bagian atas.

 Garis percik dengan satu garis kuning dan tiga garis horizontal yang berjarak sama
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 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.

Diagram garis dengan empat garis oranye dan empat penanda keuangan

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.

Diagram garis dengan satu garis oranye dan empat penanda keuangan.
cht=lc
chm=
  F,,1,1:4,20
chd=t1:
  15,40,30,27,39,54|
  ...

Kembali ke atas

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

 Diagram batang dengan penanda garis
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 menjalankan 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 sudah ada di chd; rangkaian tersebut akan ditimpa oleh output fungsi. Diagram hanya dirender setelah semua fungsi selesai diproses, sehingga jika Anda menetapkan beberapa fungsi untuk menghasilkan output ke deret data yang sama, fungsi tersebut akan dijalankan dalam urutan yang ditentukan, tetapi hanya output dari fungsi akhir yang akan digambarkan pada diagram. Perhatikan bahwa Anda dapat merangkai fungsi, sehingga satu fungsi dapat mengambil rangkaian yang dihasilkan oleh fungsi sebelumnya sebagai input.

Untuk menetapkan warna atau penanda chm ke garis fungsi, tetapkan warna atau penanda ke indeks deret 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 dalam chd, yang akan menjadi tujuan penulisan output fungsi. Semua data yang ada akan sepenuhnya ditimpa oleh output fungsi. Jika deret tidak digunakan sebagai input untuk suatu fungsi, praktik terbaiknya adalah menetapkan satu nilai contoh ke deret tersebut.
<function_data>
Variabel dan data yang akan dipetakan. Data dapat berasal dari rentang yang Anda tentukan, atau dari salah satu deret data chd. Anda dapat menentukan beberapa variabel untuk setiap fungsi, menggunakan pembatas ; (titik koma) untuk beberapa variabel. Perhatikan bahwa jika Anda menentukan beberapa variabel untuk fungsi tunggal, dan variabel ini memiliki jumlah titik yang berbeda, fungsi tersebut akan berhenti saat mencapai endpoint pertama. Misalnya, jika suatu fungsi menentukan x=1—5 langkah 1 dan y=1—10 langkah 1, fungsi tersebut akan berakhir saat 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 akan digunakan sebagai data input.
  • start - Nilai awal numerik rentang.
  • akhir - Nilai akhir numerik dari sebuah rentang.
  • step - Nilai langkah numerik dari start hingga end. 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. Nilai tersebut tidak akan dipetakan pada grafik kecuali jika Anda menentukannya di function_string. Semakin kecil langkah, semakin halus grafik Anda.
<function_string>
Fungsi Anda, yang ditulis dalam sintaksis muParser. Fungsi ini diterapkan ke variabel dan data yang ditentukan di variable_data. Anda hanya dapat mereferensikan variabel yang dideklarasikan dalam kumpulan fungsi lokal ini, bukan dalam kumpulan parameter chfd lainnya. Fungsi ringkasan muParser tidak didukung (min, jumlah maks, rata-rata). PENTING: Jangan lupa gunakan %2B, bukan + di fungsi Anda.

 

Contoh

Deskripsi Contoh

Gelombang sinus sederhana. Beberapa hal yang perlu diperhatikan:

  • chd=t:-1 - Kita menggunakan variabel contoh untuk data diagram, karena data dideklarasikan dalam parameter chfd.
  • chco=FF0000 - Merah ditentukan untuk rangkaian pertama. Meskipun kita tidak menggunakan data dari chd, warna yang sesuai untuk deret tersebut akan digunakan untuk fungsi yang dipetakan tersebut.
  • chfd=0,x,0,11,0.1,sin(x)*50%2B50 - Kita mendeklarasikan satu variabel, yang disebut x, dengan nilai 0—11, yang bertambah 0,1. Penetapan ini ditetapkan ke deret pertama, yang berarti akan mendapatkan warna deret pertama (FF0000). Fungsi yang diterapkan pada x adalah sin(x) * 50 + 50. Perhatikan bagaimana kita harus mengenkode + dalam fungsi tersebut.

 

 Gelombang sinus yang ditentukan oleh chfd
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 garis fungsi dan non-fungsi.

Perhatikan bagaimana warna ditentukan oleh parameter warna deret chco.

Perhatikan penempatan penanda pada output fungsi; titik data dihitung dari start, end, dan step, jadi jika rentang Anda adalah 0—11 langkah 0,1, titik 0 adalah 0, titik 1 adalah 0,1, dan seterusnya, hingga titik 110, yang memiliki nilai 11.

 Satu seri menggunakan chfd, satu seri menggunakan chd untuk datanya.
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 dummy, dan tetapkan fungsi ke setiap fungsi.

  • 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
 Lingkaran
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 tersebut untuk membukanya dan mencobanya di playground diagram; Anda akan tertarik!

Kembali ke atas