Dokumen ini menjelaskan berbagai jenis diagram batang yang dapat Anda buat menggunakan Chart API.
Daftar Isi
Fitur Khusus Diagram
|
Fitur Standar
|
Ringkasan
Ada berbagai diagram batang yang dapat Anda buat, termasuk versi vertikal, horizontal, yang dikelompokkan, bertumpuk, dan tumpang-tindih.
Diagram batang bagus untuk perbandingan per aspek dan melihat tren pada sejumlah kecil titik data yang terpisah. Diagram ini adalah alternatif diagram garis yang baik jika Anda hanya memiliki beberapa titik data dalam sebuah deret.
Ada tiga cara umum untuk menampilkan beberapa deret dalam diagram batang:
Dikelompokkan |
Bertumpuk |
Tumpang-tindih |
cht=bvg |
cht=bvs |
cht=bvo |
Anda dapat mengontrol lebar dan spasi batang menggunakan parameter chbh
.
Jika Anda tidak menentukan chbh
, beberapa batang mungkin akan dipangkas.
Perhatikan bahwa secara default, semua deret ditampilkan dalam warna yang sama; jika Anda tidak menentukan warna yang berbeda untuk deret yang berbeda, akan sulit untuk membedakan apakah ada beberapa deret dalam diagram. Lihat Warna Seri untuk mengetahui detailnya.
Diagram batang akan menampilkan setidaknya satu sumbu secara default; jika Anda ingin menyembunyikan sumbu default, gunakan parameter chxs
dan tentukan garis bawah untuk nilai <axis_or_tick>.
Jika menggunakan format teks sederhana dalam diagram bertumpuk, Anda harus berhati-hati bahwa diagram akan memangkas apa pun di atas 100 sebagai total tinggi tumpukan kecuali jika Anda menambahkan penskalaan kustom, seperti yang ditunjukkan di sini:
Tanpa penskalaan, tiga batang tengah akan melebihi 100, dan akan dipangkas dalam diagram data berformat teks yang sederhana. | cht=bhs |
Jika ingin menampilkan panjang batang bertumpuk penuh, kita harus menggunakan skema encoding yang berbeda, atau menggunakan pemformatan teks dengan penskalaan kustom. Nilai skala maksimum harus relatif dengan total tinggi batang bertumpuk; contoh ini mencapai 160 (nilai jumlah maksimum). | cht=bhs |
Jenis Diagram (cht
)
Ada beberapa jenis diagram batang yang dapat Anda buat. Tentukan diagram batang dengan sintaksis berikut:
Sintaksis
cht=<chart_type>
Dengan <chart_type>
adalah salah satu dari jenis
berikut:
Jenis Diagram | Deskripsi | Contoh |
---|---|---|
|
Diagram batang horizontal dengan batang bertumpuk. Contoh pertama (semua batang berwarna biru tua) memiliki satu deret data. Contoh kedua (batang berwarna gelap dan biru pucat) memiliki dua deret. (Ini juga diskalakan untuk menunjukkan nilai batang yang dijumlahkan, yang melebihi 100). Seperti yang dapat Anda lihat, ada beberapa deret. Jika Anda tidak menentukan warna seri yang berbeda, semua warna akan sama (dan batang tidak akan terlihat bertumpuk). Anda juga dapat menentukan warna untuk setiap batang dalam satu deret. |
cht=bhs |
|
Diagram batang vertikal dengan batang bertumpuk. Contoh ini memiliki dua deret, dan menggunakan format teks dengan penskalaan kustom untuk memastikan semua nilai yang ditumpuk terlihat sepenuhnya. Perhatikan bahwa jika Anda memindahkan garis nol dalam diagram |
|
bvo |
Diagram batang vertikal dengan batang ditumpuk di depan satu sama lain, bukan di atas satu sama lain. Ketinggian setiap batang adalah nilai individualnya, bukan nilai yang dijumlahkan. Batang akan diurutkan berdasarkan tinggi sehingga semua batang terlihat. |
|
|
Diagram batang horizontal dengan batang yang dikelompokkan. Diagram di bagian atas menggunakan nilai spasi grup default; diagram bawah menggunakan parameter chbh untuk mengubah lebar batang dan spasi grup default agar grup lebih terlihat. |
|
|
Diagram batang vertikal dengan batang yang dikelompokkan. |
|
Warna Seri chco
Anda dapat menentukan warna setiap batang, deret individu, atau beberapa deret menggunakan parameter chco
.
Jika Anda tidak menentukan warna yang berbeda untuk setiap deret, semua deret akan memiliki warna yang sama.
Sintaksis
chco=<series_1_color>, ..., <series_n_color> or chco=<series_1_bar_1>|<series_1_bar_2>|...|<series_1_bar_n>,<series_2>,...,<series_n>
<color>
- Angka heksadesimal format RRGGBB yang akan diterapkan ke batang deret atau individual. Untuk menerapkan warna ke seluruh deret, warna harus dipisahkan koma. Untuk menerapkan warna ke setiap batang, warna harus dipisahkan tanda pipa. Anda dapat menggabungkan kedua format ini. Lihat tabel di bawah untuk mengetahui contohnya. Setiap kali Anda memiliki lebih sedikit nilai warna daripada titik data atau deret, warna akan disikluskan lagi pada daftar, mulai dari warna pertama dalam grup tersebut.
Contoh
Deskripsi | Contoh |
---|---|
Satu warna per seri, dengan warna yang dipisahkan koma. |
|
Satu warna per nilai, dengan warna yang dipisahkan tanda garis vertikal. |
|
Kombinasi warna deret dan warna batang individual. Contoh ini menunjukkan diagram batang dengan dua deret. Deret pertama semua hitam ( |
|
Contoh ini menunjukkan penetapan warna yang berbeda untuk setiap batang dalam diagram multi-seri. | chco= |
Anda juga dapat menentukan isian untuk mewarnai deret dengan warna solid, bergaris, atau gradien. Isian padat terlihat sama seperti penggunaan chco , tetapi garis atau gradien membuat efek yang unik. |
chd=
chd=t: |
Label Batang
Diagram batang mendukung label sumbu standar, tetapi label di sepanjang dasar batang ditetapkan ke masing-masing batang, bukan menyebar di sepanjang diagram batang. (Untuk menyebarkan label secara merata, gunakan parameter chxp
seperti yang dijelaskan di bawah.) Jika Anda menentukan label sumbu, tetapi tidak menentukan label khusus
di sepanjang sumbu batang, label batang akan menjadi nomor indeks setiap batang atau
sekelompok batang. Anda dapat menyesuaikan label sumbu menggunakan parameter chxl
.
Deskripsi | Contoh |
---|---|
Diagram batang menggunakan label sumbu x default. | chxt=x,y |
Diagram batang menggunakan label sumbu x kustom. |
|
Jika Anda memiliki jumlah label dan batang yang berbeda,
serta ingin memberi label pada label secara merata (bukan di bawah setiap batang), gunakan parameter
|
|
Lebar dan Spasi Batang chbh
Anda dapat menentukan nilai kustom untuk lebar batang dan jarak antara batang
dan grup secara opsional. Anda hanya dapat menentukan satu set nilai lebar untuk semua batang. Jika Anda tidak
menentukan chbh
, semua batang akan memiliki lebar 23 piksel, yang berarti
batang akhir dapat diklip jika total batang + lebar spasi lebih lebar dari
lebar diagram.
Sintaksis
chbh= <bar_width_or_scale>,<space_between_bars>,<space_between_groups>
- <bar_width_or_scale>
- Lebar batang. Anda dapat menentukan lebar dan spasi secara mutlak atau relatif, dengan memasukkan salah satu nilai berikut. Nilai defaultnya adalah 23 piksel, nilai absolut.
- width - Lebar batang, dalam piksel. Semua nilai spasi juga merupakan nilai absolut, dalam piksel. Batang dapat dipotong jika diagram tidak cukup lebar.
a
- space_between_bars dan space_between_groups diberikan dalam unit absolut (atau nilai absolut default, jika tidak ditentukan). Batang akan diubah ukurannya sehingga semua batang sesuai dalam diagram.r
- space_between_bars dan space_between_groups diberikan dalam unit relatif (atau nilai relatif default, jika tidak ditentukan) Unit relatif adalah nilai floating point dibandingkan dengan lebar batang, dengan lebar batang 1,0: misalnya, 0,5 adalah setengah lebar batang, 2,0 adalah dua kali lebar batang. Batang dapat dipotong jika diagram tidak cukup lebar.
- <space_between_bars>
- [Opsional] Spasi antar-batang dalam grup yang sama. Jika penentuan ukuran bersifat mutlak, ini adalah lebar dalam piksel; jika ukuran bersifat relatif, ini adalah nilai floating point dengan 1,0 adalah lebar batang. Nilai defaultnya adalah 4 piksel untuk nilai absolut, atau 4/23 untuk nilai relatif.
- <space_between_groups>
- [Opsional] Spasi antara grup batang dalam grup yang sama. Jika penentuan ukuran absolut, ini merupakan lebar dalam piksel; jika ukuran bersifat relatif, ini adalah nilai floating point dengan 1,0 sebagai lebar batang. Nilai defaultnya adalah 8 piksel untuk nilai absolut, atau 8/23 untuk nilai relatif.
Anda tidak boleh menghilangkan parameter opsional perantara; Anda harus diakhiri dengan nilai yang dinyatakan. Contoh: chbh=10,5,10
valid, chbh=10,,10
tidak, chbh=10,5,
tidak.
Deskripsi | Contoh |
---|---|
Diagram ini menggunakan nilai Diagram pertama tidak menentukan spasi grup, sehingga kelompok tidak terlihat jelas. Diagram kedua menambahkan beberapa spasi (15 piksel) di antara grup. |
|
Diagram ini menggunakan nilai |
|
Diagram pertama memiliki lima nilai di setiap rangkaian, tetapi diagram terlalu kecil untuk menampung semua batang dengan nilai default: 10
* 23 piksel untuk batang + ...jadi beberapa batang terpotong. Diagram kedua menentukan nilai batang dan spasi absolut agar sesuai dengan semua batang dalam diagram. |
|
Baris Nol chp
Anda dapat menentukan garis nol kustom untuk diagram menggunakan parameter chp
, atau menggunakan encoding teks dengan penskalaan data. Baris nol ini berfungsi dalam dua cara yang berbeda:
- Penskalaan data - Saat Anda menggunakan data format teks dengan parameter penskalaan
chds
, baris nol akan didorong ke atas sebanyak yang diperlukan untuk menampilkan semua nilai negatif. - Parameter
chp
- Anda juga dapat memindahkan baris nol secara manual, dalam format data apa pun, ke lokasi mana pun, menggunakan parameterchp
. Cara ini sebenarnya akan membuat garis nol buatan, dan menggambar ulang batang sebagai selisih antara nilai data dan nilai nol arbitrer (yaitu, batang digambar dari garis nol hingga nilai batang). Opsi ini tidak dapat digunakan bersamachds
.
Sintaksis
chp= <zero_value_series_1>, ..., <zero_value_series_n>
- <zero_value_series_1>
- Nilai floating point dari 0,0—1,0, inklusif, dengan 0,0 sebagai bagian bawah sumbu, dan 1,0 adalah bagian atas sumbu. Batang akan digambar ulang untuk menunjukkan perbedaan antara nilai ini dan nilainya.
Deskripsi | Contoh |
---|---|
Berikut ini tiga salinan diagram batang dengan data yang sama:
|
|
Contoh ini menunjukkan setelan garis nol menggunakan data berformat teks dengan penskalaan kustom ( Contoh ini memiliki nilai mulai dari -60 hingga 120. Skala ini diatur ke -80 hingga 140, untuk menyisakan ruang di atas dan di bawah batang. |
chd=t:30,-60,50,120,80 |
Diagram Kombinasi
Anda dapat menambahkan garis, batang lilin, dan penanda bentuk ke diagram batang untuk membuat diagram gabungan. Lihat Diagram Kombinasi untuk mengetahui detail selengkapnya.
Penanda pada Batang Tertentu (khusus cht=bvg
)
Secara default, saat Anda menggambar penanda chm
pada diagram vertikal yang dikelompokkan, penanda akan digambar pada deret yang sama yang menjadi sumber datanya. Jika datanya adalah rangkaian tersembunyi, perilaku default-nya adalah menempatkan penanda di tengah-tengah kelompok batang.
Namun, dengan diagram batang yang dikelompokkan secara vertikal (jenis bvg
), Anda dapat menentukan rangkaian penempatan yang berbeda dari deret data penanda. Untuk melakukannya, tentukan parameter <series_index>
(parameter ketiga) menggunakan sintaksis berikut: <data_series_index>:<placement_series_index>
.
Perhatikan bahwa jika Anda menentukan rangkaian penempatan yang tersembunyi atau tidak ada, penanda akan ditempatkan di tengah secara horizontal pada grup.
Cara terbaik untuk menggunakan fitur ini adalah dengan menggunakan deret tersembunyi untuk data penanda, dan menempatkan penanda pada deret yang terlihat.
Contoh berikut menunjukkan perilaku default, dengan rangkaian data dan rangkaian penempatan yang sama, serta sintaksis lanjutan, yang menentukan rangkaian data dan penempatan yang berbeda.
Rangkaian data tersembunyi, penempatan penanda default | Rangkaian data tersembunyi, penempatan penanda lanjutan |
---|---|
Dalam contoh ini, sintaksis dasar menentukan bahwa data dan penempatan penanda harus berada dalam deret yang sama. Karena ini adalah rangkaian tersembunyi, penempatan default dipusatkan secara vertikal di setiap grup. |
Dalam contoh ini, sintaksis lanjutan menentukan sumber data dan rangkaian penempatan yang berbeda untuk penanda. Lingkaran menggunakan data dari deret 2 tersembunyi dan ditempatkan di deret 0; persegi menggunakan data dari deret 3 tersembunyi dan ditempatkan di deret 1. |
Contoh berikut menunjukkan cara menambahkan beberapa jenis penanda yang berbeda ke setiap batang dalam diagram batang yang dikelompokkan. Perhatikan cara lingkaran hitam dipusatkan pada grup, karena lingkaran tersebut menentukan rangkaian tersembunyi sebagai rangkaian penempatan.
chd=t4: // First four series are rendered as bars. Remaining data is hidden.
5,10,15,20,25,30 // Purple bar
10,20,30,40,50,60 // Blue bar
30,40,50,60,70,80 // Olive bar
5,5,5,5,5,5 // Black bar
0,15,25,30,45,55 // Hidden data: Purple circle, blue error bar start
15,30,40,45,55,65 // Hidden data: Blue error bar end
20,35,45,50,55,65 // Hidden data: Yellow error bar start
40,45,55,80,75,85 // Hidden data: Yellow error bar end
chm= // Markers:
o,D000D0,4:0,,10 // Purple circle: data series 4, placement series 0 (purple)
E,00D0D0,4:1,,1:10 // Blue error bars: data series 4, placement series 1 (blue)
E,D0D000,6:2,,1:10 // Yellow error bars: data series 6, placement series 2 (olive)
o,000000,3:4,,10 // Black circle: data series 3, placement 4 (hidden placement series, centered in group)
Fitur Standar
Fitur lainnya di halaman ini adalah fitur diagram gambar standar.
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). Defaultnya adalah "c".
Contoh
Deskripsi | Contoh |
---|---|
Diagram dengan judul, menggunakan warna dan ukuran font default. Tentukan ruang dengan tanda plus ( Gunakan karakter pipa (
|
chtt=Site+visitors+by+month| |
Diagram dengan judul 20 titik berwarna biru, rata kanan. |
chtt=Site+visitors |
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 kechdl
.r
- Menampilkan label dalam urutan terbalik seperti yang diberikan padachdl
. 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 darichdl
, 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. |
chdl=NASDAQ|FTSE100|DOW
chdl=First|Second|Third |
Diagram pertama menunjukkan entri legenda horizontal ( |
|
Contoh ini menunjukkan perubahan ukuran font. |
|
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 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 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 |
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. |
|
Untuk menambahkan margin di sekitar legenda, tetapkan nilai untuk parameter Dalam contoh ini, lebar legenda adalah sekitar 60 piksel. Jika Anda menetapkan |
|
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
) - Sumbu yang akan ditampilkan. - Rentang sumbu (
chxr
) - Rentang nilai untuk setiap sumbu. - Label Sumbu Kustom (
chxl
) - Nilai kustom untuk ditampilkan pada sumbu. - Posisi label sumbu (
chxp
) - Penempatan label khusus di sepanjang setiap sumbu. - Gaya label sumbu (
chxs
) - Warna, ukuran, perataan, dan format label sumbu. - Gaya tanda centang sumbu (
chxtc
) - Panjang tanda centang untuk sumbu tertentu.
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 bawaht
- Sumbu x atas [Tidak didukung oleh Google-o-Meter]y
- Sumbu y kirir
- 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. |
|
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. |
|
Anda dapat menyembunyikan sumbu default dalam diagram garis dengan menentukan :nda setelah jenis diagram. |
cht=lc:nda |
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 dichxt=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 ( 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 |
|
Dalam contoh ini, nilai ditentukan untuk sumbu x. Label sumbu ditempatkan secara merata di sepanjang sumbu. Nilai lima ( |
|
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 memilikichxt=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 |
chxt=x,y |
Contoh ini mencakup label sumbu di sumbu y kiri dan kanan ( |
|
Contoh ini mencakup label sumbu di sumbu y kiri dan kanan
( Contoh ini menggunakan nilai default untuk label sumbu di sumbu y sebelah kiri. |
|
Jika Anda ingin menambahkan label umum untuk mendeskripsikan keseluruhan
sumbu (misalnya, untuk memberi label pada satu sumbu
"biaya" dan "siswa" lainnya"), gunakan properti |
chxt=x,x,y,y |
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 memilikichxt=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 menggunakanchxr
. 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 Label dengan posisi Label dengan posisi |
|
Contoh ini menunjukkan nilai label default, tetapi hanya pada lokasi yang ditentukan.
|
chxt=x,y
chxt=x,y chxp tidak ditetapkan |
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:
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
atauy
-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). |
|
Ukuran, warna, dan perataan {i>font<i} ditentukan untuk sumbu y di sebelah kanan. Tanda centang, tetapi tidak ada garis sumbu, digambar. |
|
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:
Rentang label sumbu ditetapkan menggunakan parameter |
chd=s: |
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
|
|
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 |
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 belakangc
- 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 menentukanchco
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 ( |
|
Contoh ini mengisi latar belakang diagram dengan abu-abu pucat ( |
|
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. |
|
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 belakangc
- 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 ( Warnanya jingga pucat ( Latar belakang diagram digambar dengan warna abu-abu ( |
|
Area diagram memiliki gradien linier diagonal (kiri bawah ke kanan atas), yang ditetapkan dengan sudut empat puluh lima derajat ( Persik ( Biru ( Latar belakang diagram digambar dengan warna abu-abu ( |
|
Area diagram memiliki gradien linier vertikal (atas ke bawah),
yang ditentukan dengan sudut sembilan puluh derajat ( Biru ( Persik ( Latar belakang diagram digambar dengan warna abu-abu ( |
|
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 belakangc
- Isi area diagramb<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 atau90
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
hingga1
, dengan1
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 |
---|---|
|
chf= |
|
chf= |
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>
.
- B - Mengisi dari
- <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 indeks1
, 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 Ini adalah satu-satunya jenis area isian yang tersedia untuk diagram radar. |
|
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. |
|
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 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 |
chd=e: (nilai tertinggi) (nilai nol)chm= (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'.
|
chm= |
Contoh ini menunjukkan penggunaan isian garis pada diagram radar. |
chm= |
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 |
chg=20,50 chg=20,50 |
Contoh ini menggunakan ruang yang lebih besar untuk menampilkan garis petak yang lebih ringan ( |
|
Untuk menampilkan garis petak padat, tentukan nol ( Diagram ini juga menentukan offset sumbu x sebesar 10. |
chg=20,50,1,0,10 |
Diagram ini menunjukkan offset sumbu x sebesar 10, dan offset sumbu y sebesar 20. |
chg=20,50,3,3,10,20 |
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 denganrange,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 adalahof=-12,20
atauof=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: Diagram 2: |
|
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 |
chem=y;
chem=y; |
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= |
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; |
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:
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:
- 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¶meter2=value2...
dengan koma.
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
- Panahc
- SilangC
- 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
- BerlianE
- 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
- Lingkarans
- Persegiv
- Garis vertikal dari sumbu x ke titik dataV
- 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:1x: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, dengan0:0
sebagai sudut kiri bawah diagram dan1: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 parameterchm
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.
|
chm= |
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= |
Berikut adalah diagram garis dengan penanda di setiap titik data detik (-2 berarti setiap titik lainnya). |
chd=t: |
Berikut adalah diagram garis dengan penanda dua kali lebih banyak dibandingkan titik data (-0,5 berarti setiap setengah titik). | chd=t: |
Contoh ini menunjukkan cara menggunakan penanda h dan v untuk membuat garis petak dengan warna dan ketebalan kustom. Nilai urutan z (nilai terakhir) ditetapkan ke -1 sehingga garis petak digambar di bawah garis data. |
chm= |
Diagram ini menambahkan garis isian vertikal ke diagram garis:
|
chm= |
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= |
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>.
|
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=
|
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 parameterchds
(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 contohchds
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
atauy
-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:1x: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, dengan0:0
sebagai sudut kiri bawah diagram,0.5:0.5
sebagai bagian tengah diagram, dan1: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 parameterchm
untuk <opt_z_order>. Contoh:N,000000,0,1,10,,b
danN,000000,0,1,10,,lv
sertaN,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 ( Diagram kedua ( |
|
|
Anda dapat menggunakan parameter Contoh ini menampilkan diagram dengan nilai yang dienkode sederhana sebesar 46, 39, 29, 30, 43, 41. Rentang encoding sederhana adalah 0—61. Parameter |
chd=s:underp |
|
Berikut adalah contoh diagram dengan label teks pada titik minimum dan label flag pada titik maksimum. |
|
|
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= |
|
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= |
|
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 |
|
Contoh penanda anotasi lain yang menunjukkan ketinggian kota di Swiss. |
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 danR
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, dan1.00
adalah bagian atas diagram. - Untuk penanda rentang vertikal, ini adalah posisi pada sumbu x, dengan
0.00
adalah bagian kiri diagram, dan1.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, dan1.00
adalah bagian atas diagram. - Untuk penanda rentang vertikal, ini adalah posisi pada sumbu x, dengan
0.00
adalah bagian kiri diagram, dan1.00
adalah di sebelah kanan diagram.
Contoh
Deskripsi | Contoh |
---|---|
Penanda rentang bisa berupa garis tipis atau pita warna.
|
|
Contoh ini menampilkan penanda rentang vertikal. Penanda pertama adalah garis merah ( |
|
Penanda digambar sesuai urutan yang ditentukan. Dalam contoh ini, Anda dapat melihat bahwa penanda merah vertikal digambar sebelum penanda horizontal biru pucat. |
chm= |
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. |
|
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 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: Parameter <which_point> kosong, yang menggambar batang lilin di semua titik data. |
chd=t0: |
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 |
|
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 |
chm=D,0033FF,0,0,5,1 |
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 Lihat Diagram Kombinasi untuk mengetahui informasi selengkapnya. |
chm=D,0033FF,1,0,5,1 |
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 dichd
. - 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.
x,0,100,1
mendeklarasikan variabel bernamax
dengan nilai 0, 1, 2, ... 100.x,0,100,1;r,0,3.1,.1
mendeklarasikan variabelx
yang sama ditambah variabel bernamar
dengan nilai 0, 0.1, 0.2, ..., 3.0, 3.1.x,0
mendeklarasikan variabel bernama x yang menggunakan data dari deretchd
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:
|
cht=lc |
Baris ini menggunakan data dari parameter chd . |
chd=t:5,10 |
Campuran garis fungsi dan non-fungsi. Perhatikan bagaimana warna ditentukan oleh parameter warna deret 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. |
chd=t: |
Untuk menentukan fungsi dalam dua dimensi, gunakan diagram
|
cht=lxy |
Parameter Coba klik gambar-gambar tersebut untuk membukanya dan mencobanya di playground diagram; Anda akan tertarik! |