Diagram Peta (Versi Tidak Digunakan Lagi)

 

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

  1. Ringkasan
  2. Kode Negara Bagian Amerika Serikat

Fitur Standar

  1. Judul Diagram (chtt, chts)
  2. Margin Diagram (chma)
  3. Pengisian Latar Belakang
    1. Solid Fills (chf)

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.

  • zoom_area - Salah satu nilai berikut
    • africa
    • asia
    • europe
    • middle_east
    • south_america
    • usa
    • world
chld=<country_or_state_codes> Wajib

Daftar negara atau negara bagian tempat Anda menerapkan nilai.

Contoh: chld=DZEGMG
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.

  • country_values - Daftar dalam string format yang sesuai. Contoh: t:10,20,30, s:aU2Ff, dan e:BaPoqM-A.
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.

  • default_color - [Opsional] Warna wilayah yang tidak memiliki data yang ditetapkan. Defaultnya adalah BEBEBE (abu-abu sedang). Angka heksadesimal dalam format RRGGBB.
  • start_of_gradient - [start_of_gradient] Warna yang sesuai dengan nilai minimum dalam rentang format data. Nilai defaultnya adalah 0000FF (biru). Angka heksadesimal dalam format RRGGBB.
  • ... - [Opsional] Anda dapat memiliki warna median sebanyak yang diinginkan.
  • end_of_gradient - [end_of_gradient] Warna yang sesuai dengan nilai maksimum dalam rentang format data. Defaultnya adalah FF0000 (merah). Angka heksadesimal format RRGGBB
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:

  • Area zoom diagram adalah Afrika (chtm=africa).
  • Ketiga negara akan diberi nilai: Aljazair, Mesir, dan Madagaskar (chld=DZEGMG)
  • Tiga nilai yang ditetapkan untuk negara tersebut masing-masing adalah 0, 100, dan 50 (chd=t:0,100,50), yang merupakan nilai minimum, maksimum, dan menengah untuk data format teks.
  • Rentang warna adalah merah untuk 0, hijau untuk 100, dan putih untuk negara yang belum ditetapkan (chco=FFFFFF,FF0000,00FF00).
  • Diagram juga memiliki isian latar belakang biru muda (chf=bg,s,EAF7FE).

Peta Afrika
cht=t
chtm=africa
chld=DZEGMG
chd=t:0,100,50
chco=FFFFFF,FF0000,00FF00
chf=bg,s,EAF7FE

Diagram ini mirip dengan diagram sebelumnya, tetapi dengan detail lebih lanjut.

 Peta Afrika
chtm=africa
chld=DZEGMGAOBWNGCFKECGCVSNDJTZGHMZZM
chco=FFFFFF,FF0000,FFFF00,00FF00
chd=t:0,100,50,32,60,40,43,12,14,54,98,17,70,76,18,29
chf=bg,s,EAF7FE

Diagram ini menentukan bahwa tidak ada negara yang ditandai dengan menentukan satu nilai yang tidak ditentukan (chd=t:-1).

 Peta Dunia
chs=440x220
chd=t:-1
cht=t
chtm=world

Kembali ke atas

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

Kembali ke atas

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 (|) untuk memaksa jeda baris.

chts tidak ditetapkan di sini.

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

Diagram dengan judul 20 poin berwarna biru, rata kanan.

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

Kembali ke atas

Margin Diagram chma [Semua diagram]

Anda dapat menentukan ukuran margin diagram, dalam piksel. Margin dihitung ke dalam dari ukuran diagram yang ditentukan (chs); menambah ukuran margin tidak akan 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, area legenda, dan area 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 chma, dalam hal ini, ukuran margin akan diperluas secara lebih lebar, sehingga area diagram menjadi lebih kecil. Anda tidak dapat memangkas legenda dengan menentukan ukuran yang terlalu kecil, tetapi Anda dapat membuatnya memakan lebih banyak ruang daripada yang dibutuhkan.

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

 

Sintaksis

chma=
  <left_margin>,<right_margin>,<top_margin>,<bottom_margin>|<opt_legend_width>,<opt_legend_height>
<left_margin>, <right_margin>, <top_margin>, <bottom_margin>
Ukuran margin minimum di 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.

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

Untuk menambahkan margin di sekitar legenda, tetapkan nilai untuk parameter <opt_legend_width> dan <opt_legend_height>.

Dalam contoh ini, lebar legenda adalah sekitar 60 piksel. Jika Anda menetapkan <opt_legend_width> ke 80 piksel, margin akan diperluas hingga 20 piksel di luar legenda.

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

Kembali ke atas

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 belakang
  • c - 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 menentukan chco 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 (EFEFEF).

Diagram garis merah dengan isian area hitam.

chf=bg,s,EFEFEF

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

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

chf=c,s,000000|
bg,s,EFEFEF
Contoh ini menerapkan transparansi 50% ke seluruh diagram (80 dalam heksadesimal adalah 128, atau sekitar 50% transparansi). Perhatikan latar belakang sel tabel yang ditampilkan melalui diagram.

Diagram pencar dengan titik berwarna biru, dan transparansi 50%.

chf=a,s,00000080

Kembali ke atas

Format Warna

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

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

AA adalah nilai transparansi opsional, dengan 00 sepenuhnya transparan dan FF benar-benar buram. Contoh:

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

Kembali ke atas