Harita Grafiği (Desteği Sonlandırılmış Sürüm)

 

Değiştirme Uyarısı: Bu harita grafiği yeni bir sürüm ile değiştirildi.

Bu sayfada, Charts API kullanılarak renkli haritaların nasıl oluşturulacağı açıklanmaktadır.

İçindekiler

Grafiğe Özgü Özellikler

  1. Genel Bakış
  2. Amerika Birleşik Devletleri Eyalet Kodları

Standart özellikler

  1. Grafik Başlığı (chtt, chts)
  2. Grafik Kenar Boşlukları (chma)
  3. Arka Plan Doldurma
    1. Katı Dolgular (chf)

Genel bakış

Özel renklerle vurgulanmış çeşitli ülkelerin veya eyaletlerin yer aldığı bir harita oluşturabilirsiniz. Bir harita belirlemek için haritanın dünyanın hangi bölgesine yakınlaştırılacağını belirtirsiniz. Ayrıca, haritada renklendirilmesi gereken bölgelerin listesini ve karşılık gelen her ülkeye sayısal değer atayan bir paralel veri listesi belirtirsiniz. Her ülke, kendisine atanan değere göre bir gradyan boyunca renklendirilir. İsteğe bağlı olarak veri değerleri için özel bir renk gradyanı belirtebilirsiniz.

Harita grafikleri aşağıdaki parametreleri destekler:

Parametre Zorunlu veya İsteğe Bağlı Açıklama
cht=t Zorunlu Bir harita grafiği belirtir.
chs Zorunlu Harita boyutu. Bir harita için maksimum boyut 440x220'dir.
chtm=<zoom_area> Zorunlu

Grafikte gösterilen coğrafi alan.

  • zoom_area: Aşağıdaki değerlerden biri
    • africa
    • asia
    • europe
    • middle_east
    • south_america
    • usa
    • world
chld=<country_or_state_codes> Zorunlu

Değer uyguladığınız ülkelerin veya eyaletlerin listesi.

  • ülke_veya_eyalet kodları: Bunlar arasında sınırlayıcı olmayan iki karakterli bir kod grubudur. Aşağıdaki türlerden birini kullanın (türleri karıştıramazsınız):

Örnek: chld=DZEGMG
chd=<country_values> Zorunlu

Bölge listesine paralel olan ve değerin ilgili bölge için geçerli olduğu bir değer listesidir. Değerler standart biçimlendirilmiş veri değerleridir. Her bölgeye, chco içinde belirtilen ölçek boyunca bir renk atanır. Burada, aralıktaki en düşük değer en düşük renge, bu aralıktaki en yüksek değer de son renk için geçerlidir.

  • country_values - Uygun biçim dizesinde bir liste. Örnekler: t:10,20,30, s:aU2Ff ve e:BaPoqM-A.
chco=<default_color>,<start_of_gradient>,...,<end_of_gradient> İsteğe bağlı

Veri biçimi aralığının düşük ve yüksek veri değerlerine karşılık gelen renk aralığı. Veri değerleri, bu renk geçişi boyunca renk değerlerine dönüştürülür ve ilgili ülkelere uygulanır.

  • default_color - [İsteğe bağlı] Veri atanmamış bölgelerin rengi. Varsayılan ayar BEBE'dir (orta gri). RRGGBB biçiminde onaltılık sayı.
  • start_of_gradient - [start_of_gradient] Veri biçimi aralığındaki minimum değere karşılık gelen renk. Varsayılan değer 0000FF'dir (mavi). RRGGBB biçiminde onaltılık sayı.
  • ... - [İsteğe bağlı] İstediğiniz kadar ara renk kullanabilirsiniz.
  • end_of_gradient - [end_of_gradient] Veri biçimi aralığındaki maksimum değere karşılık gelen renk. Varsayılan değer FF0000'dir (kırmızı). RRGGBB biçiminde onaltılık sayı
chtt, chts İsteğe bağlı Grafik başlığı ve stili
chma İsteğe bağlı Grafik kenar boşlukları
chf=bg İsteğe bağlı Katı dolgular (yalnızca arka plan)

 

Örnekler

Açıklama Örnek

Bu örnekte:

  • Grafik yakınlaştırma alanı Afrika'dır (chtm=africa).
  • Bu üç ülkeye değer atanacak: Cezayir, Mısır ve Madagaskar (chld=DZEGMG)
  • Bu ülkelere atanan üç değer, sırasıyla 0, 100 ve 50'dir (chd=t:0,100,50). Bunlar, metin biçimli veriler için minimum, maksimum ve orta değerlerdir.
  • Renk aralığı, 0 için kırmızı, 100 için yeşil ve atanmamış ülkeler için beyazdır (chco=FFFFFF,FF0000,00FF00).
  • Ayrıca grafiğin açık mavi arka plan dolgusu da vardır (chf=bg,s,EAF7FE).

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

Bu grafik, öncekine benzer ancak daha ayrıntılıdır.

 Afrika haritası
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

Bu grafikte, hiçbir ülkenin tek bir tanımsız değer (chd=t:-1) belirterek vurgulanmadığı belirtilir.

 Dünya Haritası
chs=440x220
chd=t:-1
cht=t
chtm=world

Başa dön

Amerika Birleşik Devletleri Eyalet Kodları

Harita Amerika Birleşik Devletleri (chld=usa) yakınlaştırıldığında desteklenen eyalet kodları aşağıda belirtilmiştir.

AL Alabama LA Louisiana OH Ohio
AK Alaska ME Maine Tamam Oklahoma
AZ Arizona MD Maryland VEYA Oregon
AR Arkansas MA Massachusetts PA Pensilvanya
CA Kaliforniya MI Michigan RI Rhode Island
CO Kolorado MN Minnesota SC Güney Carolina
CT Connecticut MS Mississippi SD Güney Dakota
DE Delaware AY Missouri TN Tennessee
FL Florida MT Montana TX Teksas
GA Georgia KD Nebraska UT Utah
HI Hawaii NV Nevada VT Vermont
Kimlik Idaho NH New Hampshire VA Virginia
IL Illinois NJ New Jersey WA Washington
IN Indiana NM New Mexico WV Batı Virginia
IA Iowa NY New York WI Wisconsin
KS Kansas NC Kuzey Carolina WY Wyoming
KY Kentucky ND Kuzey Dakota

Başa dön

Standart Özellikler

Bu sayfadaki özelliklerin geri kalanı standart grafik özellikleridir.

Grafik Başlığı chtt, chts [Tüm grafikler]

Grafiğinizin başlık metnini, rengini ve yazı tipi boyutunu belirtebilirsiniz.

Söz dizimi

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

 

chtt - Grafik başlığını belirtir.

<chart_title>
Grafikte gösterilecek başlık. Bunun nerede gösterileceğini belirtemezsiniz, ancak isteğe bağlı olarak yazı tipi boyutunu ve rengini belirtebilirsiniz. Boşlukları belirtmek için + işareti, satır sonlarını belirtmek için ise dikey çizgi ( | ) kullanın.

 

chts [İsteğe bağlı] - chtt parametresi için renkler ve yazı tipi boyutu.

<color>
RRGGBB onaltılık biçiminde başlık rengi. Varsayılan renk siyahtır.
<font_size>
Başlığın punto cinsinden yazı tipi boyutu.
<opt_alignment>
[İsteğe bağlı] Başlığın hizalanması. Şu büyük/küçük harfe duyarlı dize değerlerinden birini seçin: "l" (sol), "c" (ortalanmış) "r" (sağ). Varsayılan değer "c"dir.

 

Örnekler

Açıklama Örnek

Varsayılan renk ve yazı tipi boyutunu kullanan, başlıklı bir grafik.

Artı işaretiyle (+) bir boşluk belirtin.

Satır sonu yapmaya zorlamak için bir dikey çizgi karakteri (|) kullanın.

chts burada belirtilmemiş.

 Başlıklı dikey çubuk grafik
chtt=Site+visitors+by+month|
January+to+July

Mavi, sağa hizalı, 20 puanlık başlık içeren bir grafik.

 Mavi, 20 piksel başlık içeren dikey çubuk grafik
chtt=Site+visitors
chts=FF0000,20,r

Başa dön

Grafik Kenar Boşlukları chma [Tüm grafikler]

Grafiğin kenar boşluklarının boyutunu piksel cinsinden belirtebilirsiniz. Kenar boşlukları, belirtilen grafik boyutundan (chs) içe doğru hesaplanır. Kenar boşluğu boyutunun artırılması toplam grafik boyutunu artırmaz ancak gerekirse grafik alanını küçültür.

Kenar boşlukları, varsayılan olarak grafik boyutu hesaplandıktan sonra kalan kısımdır. Bu varsayılan değer, grafik türüne göre değişir. Belirttiğiniz kenar boşlukları minimum bir değerdir. Grafik alanı kenar boşlukları için yer bırakırsa kenar boşluğu boyutu kalan değer olur. Kenar boşlukları, açıklamalar ve etiketler için gerekli olandan daha küçük olacak şekilde sıkılamaz. Aşağıda, bir grafiğin temel parçalarını gösteren bir şema verilmiştir:

Grafik kenar boşluğu, açıklama alanı ve grafik alanı

Grafik kenar boşlukları, eksen etiketlerini ve parça alanını içerir. Açıklama alanı, metnin tam olarak sığması için otomatik olarak yeniden boyutlandırılır. chma öğesini kullanarak daha büyük bir genişlik belirtmezseniz kenar boşluğu boyutu daha geniş olur ve grafik alanı daha küçük olur. Çok küçük bir boyut belirterek açıklamaları kırpamazsınız ancak gereğinden fazla yer kaplayabilmesini sağlayabilirsiniz.

İpucu: Bir çubuk grafikte, çubukların boyutu sabitse (varsayılan) grafik alanının genişliği azaltılamaz. chbh kullanarak daha küçük veya yeniden boyutlandırılabilir bir çubuk boyutu belirtmeniz gerekir.

 

Söz dizimi

chma=
  <left_margin>,<right_margin>,<top_margin>,<bottom_margin>|<opt_legend_width>,<opt_legend_height>
<left_margin>, <right_margin>, <top_margin>, <bottom_margin>
Grafik alanının piksel cinsinden minimum kenar boşluğu boyutu. Eksen etiketlerinin grafiğin kenarlıklarına çarpmasını önlemek için biraz dolgu eklemek üzere bu değeri artırın.
<opt_legend_width>, <opt_legend_height>
[İsteğe bağlı] Açıklamanın çevresindeki kenar boşluğunun piksel cinsinden genişliği. Lejandın grafik alanına veya resmin kenarlarına taşmasını önlemek için bunu kullanın.

 

Örnekler

Açıklama Örnek

Bu örnekte, grafiğin her bir kenarının minimum 30 piksellik bir kenar boşluğu vardır. Grafik açıklaması 30 pikselden fazla geniş olduğundan, sağ taraftaki kenar boşluğu grafik açıklamasının genişliğine ayarlanır ve diğer kenar boşluklarından farklıdır.

Eksen etiketleri çizim alanının dışındadır ve bu nedenle kenar boşluğu içinde çizilir.

Gri arka plan ve her iki tarafında kenar boşlukları bulunan çizgi grafik.
chma=30,30,30,30

Açıklamaların etrafına kenar boşluğu eklemek için <opt_legend_width> ve <opt_legend_height> parametreleri için bir değer belirleyin.

Bu örnekte, açıklama yaklaşık 60 piksel genişliğindedir. <opt_legend_width> özelliğini 80 piksele ayarlarsanız kenar boşluğu, açıklamanın dışında 20 piksele genişler.

Gri arka plan ve her iki tarafında kenar boşlukları bulunan çizgi grafik.
chma=20,20,20,30|80,20

Başa dön

Arka Plan Doldurma chf [Tüm grafikler]

Grafik veri alanı ve/veya grafik arka planının tamamı için dolgu renkleri ve stilleri belirtebilirsiniz. Dolgu türleri, düz dolguları, çizgili dolguları ve renk geçişlerini içerir. Farklı alanlar (örneğin, grafik alanının tamamı veya yalnızca veri alanı) için farklı dolgular belirtebilirsiniz. Grafik alanı dolgusu, arka plan dolgusunun üzerine yazılır. Tüm dolgular chf parametresi kullanılarak belirtilir ve değerleri dikey çizgi karakteriyle (| ) ayırarak aynı grafikte farklı dolgu türlerini ( düz, şeritler, gradyanlar) karıştırabilirsiniz. Grafik alanı dolguları, grafik arka plan dolgularının üzerine yazılır.

Katı Dolgular chf [Tüm Grafikler]

Arka plan ve/veya grafik alanı için düz bir dolgu belirtebilir ya da tüm grafiğe bir şeffaflık değeri atayabilirsiniz. Dikey çizgi karakterini (|) kullanarak birden fazla dolgu belirtebilirsiniz. (Yalnızca Haritalar: Arka plan).

Söz dizimi

chf=<fill_type>,s,<color>|...
<fill_type>
Grafiğin doldurulan kısmı. Aşağıdaki değerlerden birini belirtin:
  • bg - Arka plan dolgusu
  • c - Grafik alanı dolgusu. Harita grafikleri için desteklenmez.
  • a - Tüm grafiği (arka planlar dahil) şeffaf yapın. <color> öğesinin ilk altı hanesi yok sayılır ve yalnızca son ikisi (şeffaflık değeri) grafiğin tamamına ve tüm dolgulara uygulanır.
  • b<index> - Çubuk düz dolgular (yalnızca çubuk grafikler). <index> ifadesinin yerine düz renkle dolduracak çubukların seri dizinini girin. Bunun etkisi, bir çubuk grafikte chco belirtmek gibidir. Örnek için Çubuk Grafik Serisi Renkleri bölümüne bakın.
sn.
Sabit veya şeffaf bir dolgu gösterir.
<color>
RRGGBB onaltılık biçiminde dolgu rengi. Saydamlıklarda ilk altı basamak yoksayılır ancak yine de eklenmelidir.

 

Örnekler

Açıklama Örnek

Bu örnekte grafik arka planı soluk gri (EFEFEF) ile doldurulur.

Siyah alan dolgulu kırmızı çizgi grafik.

chf=bg,s,EFEFEF

Bu örnekte grafik arka planı soluk gri (EFEFEF) ile, grafik alanı ise siyah (000000) ile doldurulur.

Siyah grafik alanı ve soluk gri arka planlı kırmızı çizgi grafik.

chf=c,s,000000|
bg,s,EFEFEF
Bu örnekte, grafiğin tamamına% 50 şeffaflık uygulanmaktadır (onaltılık tabanda 80, 128 veya yaklaşık% 50 şeffaflıktır). Tablo hücresi arka planının grafikte gösterildiğine dikkat edin.

Mavi noktalara sahip ve% 50 saydamlık içeren dağılım grafiği.

chf=a,s,00000080

Başa dön

Renk Biçimi

Renkleri, RRGGBB[AA] biçiminde on altılı değerlerden oluşan 6 karakterli bir dize ve isteğe bağlı iki şeffaflık değeri kullanarak belirtin. Örneğin:

  • FF0000 = Kırmızı
  • 00FF00 = Yeşil
  • 0000FF = Mavi
  • 000000 = Siyah
  • FFFFFF = Beyaz

AA, 00 tamamen şeffaf, FF öğesinin tamamen opak olduğu isteğe bağlı bir şeffaflık değeridir. Örneğin:

  • 0000FFFF = Sabit mavi
  • 0000FF66 = Şeffaf mavi

Başa dön