Pemberitahuan Penggantian: Diagram peta ini telah diganti dengan versi yang lebih baru.
Halaman ini menjelaskan cara membuat peta berwarna menggunakan Charts API.
Daftar Isi
Fitur Khusus Diagram |
Fitur Standar
|
Ringkasan
Anda dapat membuat peta dengan berbagai negara atau negara bagian yang ditandai dengan warna kustom. Untuk menetapkan peta, Anda akan menentukan wilayah dunia yang akan diperbesar di peta. Anda juga akan menentukan daftar wilayah yang akan diberi warna di peta, dan daftar data paralel yang menetapkan nilai numerik untuk setiap negara yang sesuai. Setiap negara diberi warna sepanjang gradien, sesuai dengan nilai yang ditetapkan padanya. Anda juga dapat menentukan gradasi warna kustom untuk nilai data.
Diagram peta mendukung parameter berikut:
Parameter | Wajib atau Opsional | Deskripsi |
---|---|---|
cht=t |
Wajib | Menentukan diagram peta. |
chs |
Wajib | Ukuran peta. Ukuran maksimum untuk peta adalah 440x220. |
chtm=<zoom_area> |
Wajib | Area geografis yang ditampilkan dalam diagram.
|
chld=<country_or_state_codes> |
Wajib | Daftar negara atau negara bagian tempat Anda menerapkan nilai.
Contoh: |
chd=<country_values> |
Wajib | Daftar nilai yang sejajar dengan daftar wilayah, tempat nilai ini berlaku untuk wilayah yang sesuai. Nilai adalah nilai data berformat standar. Setiap wilayah akan diberi warna di sepanjang skala yang ditentukan dalam chco, dengan nilai terendah dalam rentang berlaku untuk warna terendah, dan nilai tertinggi dalam rentang tersebut berlaku untuk warna terakhir.
|
chco=<default_color>,<start_of_gradient>,...,<end_of_gradient> |
Opsional | Rentang warna yang sesuai dengan nilai data rendah dan tinggi untuk rentang format data. Nilai data dikonversi menjadi nilai warna sepanjang gradien ini, dan diterapkan ke negara yang sesuai.
|
chtt, chts |
Opsional | Judul dan gaya diagram |
chma |
Opsional | Margin diagram |
chf=bg |
Opsional | Pengisian solid (khusus latar belakang) |
Contoh
Deskripsi | Contoh |
---|---|
Dalam contoh ini:
|
|
Diagram ini mirip dengan diagram sebelumnya, tetapi dengan detail lebih lanjut. |
chtm=africa |
Diagram ini menentukan bahwa tidak ada negara yang ditandai dengan menentukan satu nilai yang tidak ditentukan ( |
chs=440x220 |
Kode Negara Bagian Amerika Serikat
Berikut adalah kode negara bagian yang didukung saat peta diperbesar ke Amerika Serikat (chld=usa
).
AL | Alabama | LA | Louisiana | OH | Ohio |
AK | Alaska | ME | Maine | Oke | Oklahoma |
AZ | Arizona | MD | Maryland | ATAU | Oregon |
AR | Arkansas | MA | Massachusetts | PA | Pennsylvania |
CA | California | MI | Michigan | RI | Rhode Island |
CO | Colorado | MN | Minnesota | SC | South Carolina |
CT | Connecticut | MS | Mississippi | SD | South Dakota |
DE | Delaware | MO | Missouri | TN | Tennessee |
FL | Florida | MT | Montana | TX | Texas |
GA | Georgia | TL | Nebraska | UT | Utah |
HI | Hawaii | NV | Nevada | VT | Vermont |
ID | Idaho | NH | New Hampshire | VA | Virginia |
IL | Illinois | NJ | New Jersey | WA | Washington |
India | Indiana | NM | New Mexico | WV | West Virginia |
IA | Iowa | NY | New York | WI | Wisconsin |
KS | Kansas | NC | North Carolina | TAHUN | Wyoming |
KY | Kentucky | Indonesia | North Dakota |
Fitur Standar
Fitur lainnya di halaman ini adalah fitur diagram standar.
Judul Diagram chtt
, chts
[Semua
diagram]
Anda dapat menentukan teks judul, warna, dan ukuran {i>font<i} untuk bagan Anda.
Sintaksis
chtt=<chart_title> chts=<color>,<font_size>,<opt_alignment>
chtt
- Menentukan judul diagram.
- <chart_title>
- Judul yang ditampilkan untuk diagram. Anda tidak dapat menentukan tempat munculnya, tetapi Anda dapat secara opsional menentukan ukuran dan warna font. Gunakan tanda + untuk menunjukkan spasi,
dan karakter pipa (
|
) untuk menunjukkan jeda 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 |
---|---|
Bagan dengan judul, menggunakan warna dan ukuran {i>font<i} {i>default<i}. Tentukan spasi dengan tanda plus ( Gunakan karakter pipa (
|
chtt=Site+visitors+by+month| |
Diagram dengan judul 20 poin berwarna biru, rata kanan. |
chtt=Site+visitors |
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 memperbesar total ukuran diagram, tetapi akan mengurangi area diagram,
jika perlu.
Margin secara {i>default<i} adalah apa pun yang tersisa setelah ukuran diagram dihitung. Nilai default ini bervariasi menurut jenis diagram. Margin yang Anda tentukan adalah nilai minimum; jika area diagram memberikan ruang untuk margin, ukuran margin akan menjadi apa pun yang tersisa; Anda tidak dapat menekan margin lebih kecil dari yang diperlukan untuk legenda dan label. Berikut adalah diagram yang menunjukkan bagian dasar diagram:
Margin diagram mencakup label sumbu dan area
legenda. Area legenda
akan diubah ukurannya secara otomatis agar pas dengan teks, kecuali jika Anda menentukan lebar
yang lebih besar menggunakan Tips: Di diagram batang, jika batang tersebut memiliki ukuran tetap (default), lebar area diagram tidak dapat dikurangi. Anda harus menentukan ukuran batang yang lebih kecil atau dapat diubah ukurannya 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 sekitar area diagram, dalam piksel. Tingkatkan nilai ini untuk menyertakan beberapa padding agar label sumbu tidak menabrak batas diagram.
- <opt_legend_width>, <opt_legend_height>
- [Opsional] Lebar margin di sekitar legenda, dalam piksel. Gunakan cara ini agar legenda tidak menempel di 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 ditetapkan sesuai lebar legenda diagram, dan berbeda dengan margin lainnya. Label sumbu berada di luar area plot, sehingga digambar 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 |
|
Isi Latar Belakang chf
[Semua
diagram]
Anda dapat menentukan warna dan gaya isian untuk area data diagram dan/atau seluruh latar belakang diagram. Jenis isian mencakup isian padat, 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 ( | ). Isi area diagram akan menimpa isian latar belakang
diagram.
Isi Solid chf
[Semua
Diagram]
Anda dapat menentukan isian penuh untuk latar belakang dan/atau area diagram, atau menetapkan
nilai transparansi untuk 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 terisi. Tentukan salah satu nilai berikut:
bg
- Isi latar belakangc
- Pengisian 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 batang solid (khusus diagram batang). Ganti <index> dengan indeks deret batang untuk diisi dengan warna solid. Efeknya mirip dengan menentukanchco
dalam diagram batang. Lihat Warna Seri Diagram Batang sebagai contoh.
- d
- Menunjukkan pengisian yang solid atau transparan.
- <color>
- Warna isian, dalam format heksadesimal RRGGBB. Untuk transparansi, enam digit pertama akan 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 melalui diagram. |
|
Tentukan warna menggunakan string 6 karakter nilai heksadesimal, serta dua nilai transparansi opsional, dalam format RRGGBB[AA]
.
Contoh:
FF0000
= Merah00FF00
= Hijau0000FF
= Biru000000
= HitamFFFFFF
= Putih
AA
adalah nilai transparansi opsional, dengan 00
sepenuhnya transparan dan FF
benar-benar buram. Contoh:
0000FFFF
= Biru tidak berkedip0000FF66
= Biru transparan