Önemli: Dinamik ve etkileşimli Google Grafikleri aktif olarak bakımı yapılmakta olsa da statik Google Görsel Grafikleri'ni 2012 yılında resmi olarak kullanımdan kaldırdık. 18 Mart 2019'da devre dışı bırakılmıştı.
Bu sayfada, URL kullanılarak oluşturulabilen çeşitli açıklama metinlerini, baloncukları, raptiyeleri ve diğer grafikleri nasıl oluşturacağınız açıklanmaktadır.
https://chart.googleapis.com/chart?chst=d_bubble_icon_text_small&chld=ski|bb|Wheeee!|FFFFFF|000000
- Giriş
- Söz dizimi
- Simge Türleri
- Baloncuklar
- Sabitleme
- Eğlenceli Stil Notları
- Hava Durumu Tahmini Notları
- Dış Çizgili Yazı Tipi Metin Blokları (Yalnızca metin)
- Dış Çizgili Yazı Tipi Metin Blokları (Metin + Simge)
- Kullanılabilir İşaretlerin ve Simgelerin Listesi
- Metin Dizeleri
- Gölgeler
Giriş
Metin ve resimleri karıştıran çeşitli ilgi çekici açıklama metinleri, raptiyeler veya baloncuklar oluşturabilirsiniz. Bu öğelere dinamik simgeler denir.
Söz dizimi
Kök URL: https://chart.googleapis.com/chart?
Dinamik simgeler, ? karakterinden sonra gelen aşağıdaki parametreleri destekler. kök URL'sinde:
Parametre | Zorunlu veya İsteğe Bağlı | Açıklama |
---|---|---|
chst=<icon_string_constant> |
Zorunlu | Ne tür bir simgenin oluşturulacağını açıklar.
|
chld=<icon_data> |
Zorunlu | Simgenin boyutunu, döndürmesini, metnini ve gerekli diğer verileri açıklamak için kullanılan belirli veriler.
|
Simge Türleri
Tür | Örnekler |
---|---|
Baloncuklar - Simge içeren veya içermeyen küçük ya da büyük metin balonları seçin. | |
Raptiyeler: İğne türleri düz, yıldızlı veya eğik olabilir ve bir simge, tek bir harf veya daha uzun metin dizeleri içerebilir. | |
Metin ve isteğe bağlı başlık içeren eğlenceli stil notları | |
Başlık, metin ve hava durumu simgesiyle birlikte hava durumu tahmin notları | |
Çok satırlı dış çizgili metin bloğu, simge yok | |
Simge içeren tek satırlık dış çizgili metin bloğu |
Baloncuklar
Balonlar farklı özellik kombinasyonlarına sahiptir: Büyük veya küçük boyutlu, simgeli veya simgesiz, tek satırlı veya çok satırlı metin. Aşağıdaki tabloda balon türleri ve her birinin söz dizimi açıklanmaktadır. Her parametre değerinin açıklaması tablonun altında açıklanmıştır.
Birkaç ek not:
- Tüm balonlar, girdiğiniz metnin genişliğine ve yüksekliğine sığacak şekilde yeniden boyutlandırılır.
- Balon sabit değeri,
_withshadow
ile biten varyasyonu destekler._withshadow
varyasyonunu kullanırsanız baloncuğunuzun altına gölge eklenir.
Metin | Simge | Söz dizimi | Yalnızca Gölge | Örnek |
---|---|---|---|---|
Tek satır | No | chst= |
chst= |
chst=d_bubble_text_small |
Tek satır | Yes | chst= |
chst= |
chst=d_bubble_icon_text_small |
Tek satır | Yes |
chst= |
chst= |
chst=d_bubble_icon_text_big |
Çok satırlı | No | chst= |
chst= |
chst=d_bubble_texts_big |
Çok satırlı | Yes |
|
chst= |
chst=d_bubble_icon_texts_big |
Söz dizimi
- <icon_string>
- Bu dokümanın sonunda açıklanan simgelerden birini belirten bir dize.
- <frame_style>
- Kuyruk yönü. Aşağıdaki kuyruk yönü sabitlerinden birini seçin:
bb
- Balon çerçevesi, kuyruk sol altta
bbtl
- Balon çerçevesi, kuyruk sol üstte
bbtr
- Balon çerçevesi, kuyruk sağ üstte
bbbr
- Balon çerçevesi, kuyruk sağ altta
bbT
- Balon çerçevesi, kuyruksuz
edge_bl
- Kenar çerçeve, kuyruk alt kenarda, sol uç
edge_bc
- Kenar çerçeve, kuyruk alt kenarda, ortalanmış
edge_br
- Kenar çerçeve, kuyruk alt kenar, sağ uç
edge_tl
- Kenar çerçeve, kuyruk üst kenarda, sol uç
edge_tc
- Kenar çerçeve, kuyruk üst kenarda, ortalanmış
edge_tr
- Kenar çerçeve, kuyruk üst kenarda, sağ uç
edge_lt
- Kenar çerçeve, kuyruk sol kenarda, üst uç
edge_lc
- Kenar çerçeve, kuyruk sol kenarda, ortalanmış
edge_lb
- Kenar çerçeve, kuyruk sol kenarda, alt uç
edge_rt
- Kenar çerçeve, kuyruk sağ kenarda, üst uç
edge_rc
- Kenar çerçeve, kuyruk sağ kenarda, ortalanmış
edge_rb
- Kenar çerçeve, kuyruk sağ kenarda, alt uç
- <fill_color>
- Altı basamaklı HTML onaltılık rengi olarak balon dolgu rengi.
- <text_color>
- Altı basamaklı HTML onaltılık rengi olarak metin rengi.
- <text>
- Tek satırlık baloncuklar için tek satırlık baloncuk metni. Boşluklar + işaretinden oluşmalıdır.
- <text_line_1>|...|<text_line_n>
- Çok satırlı metin balonları için bir veya daha fazla satır metin. Her satır bir | işaretiyle ayrılır. İlk satır daha büyük ve kalın olarak gösterilir. Alanlar, + ile değiştirilmelidir.
Yalnızca Gölge
Baloncuklar için, yukarıdaki tabloda gösterilen söz dizimini kullanarak bağımsız gölgeyi de çizebilirsiniz. Örnekler:
chst= |
chst= |
chst= |
chst= |
chst= |
Sabitlemeler
Simge ve/veya kısa metin dizeleri içeren çeşitli raptiyeler oluşturabilirsiniz. Kullanabileceğiniz PIN türleri aşağıda verilmiştir.
Pim Türü | Balon Sabitsi | Örnekler |
---|---|---|
Tek harf veya simge içeren düz raptiye |
|
|
Tek bir harf veya simge içeren eğimli/yıldızlı raptiye |
|
|
Ölçeklenebilir, döndürülebilir, çok satırlı raptiye | chst=d_map_spin |
Tek Harfli veya Simgeli Düz Raptiye
Bu, küçük bir simge veya tek bir harf içerebilen küçük, dikey bir raptiyedir.
Mektup Söz Dizimi
chst=d_map_pin_letter[_withshadow] chld=<character>|<fill_color>|<text_color>
Simge Söz Dizimi
chst=d_map_pin_icon[_withshadow] chld=<icon_string>|<fill_color>
- <karakter>
- [Yalnızca metin sabitlemeleri] Tek bir metin karakteri.
- <icon_string>
- [Yalnızca simge raptiyeleri] Bu dokümanın sonunda açıklanan simgelerden birini belirten bir dize.
- <fill_color>
- Altı basamaklı HTML onaltılık rengi olarak balon dolgu rengi.
- <text_color>
- [Yalnızca metin raptiyeleri] Altı basamaklı HTML onaltılık rengi olarak metin rengi.
Yalnızca Gölge
Gölgeyi yalnızca bu raptiye türü için çizmek üzere şu söz dizimini kullanın:
chst=d_map_pin_shadow
chld
parametresi yalnızca gölge için gerekli değildir.
Örnekler
chst=d_map_pin_letter_withshadow |
chst=d_map_pin_letter |
chst=d_map_pin_icon |
chst=d_map_pin_shadow |
Tek Harfli veya Simgeli Eğik/Yıldızlı Raptiye
Bu, sola veya sağa eğilebilen ya da yıldızla örtüşen küçük bir iğnedir. Raptiyenin içeriği tek bir karakter veya küçük bir simge olabilir.
Mektup Söz Dizimi
chst=d_map_xpin_letter[_withshadow] chld=<pin_style>|<character>|<fill_color>|<text_color>|<star_fill_color>
Simge Söz Dizimi
chst=d_map_xpin_icon[_withshadow] chld=<pin_style>|<icon_string>|<fill_color>|<star_fill_color>
- <pin_style>
- Raptiye stili. Aşağıdaki sabit değerlerden birini seçin:
pin
pin_star
pin_sleft
pin_sright
- <icon_string>
- [Simge raptiyeleri] Bu dokümanın sonunda açıklanan simgelerden birini belirten bir dize.
- <karakter>
- [Metin sabitlemeleri] Tek bir metin karakteri.
- <fill_color>
- Altı basamaklı HTML onaltılık rengi olarak balon dolgu rengi.
- <text_color>
- [Metin raptiyeleri] Altı basamaklı HTML onaltılık rengi olarak metin rengi.
- <star_fill_color>
- [Yıldız iğneleri] Altı basamaklı HTML onaltılık rengi olarak yıldızın dolgu rengi.
Yalnızca Gölge
Gölgeyi yalnızca bu raptiye türü için çizmek üzere şu söz dizimini kullanın:
chst=d_map_xpin_shadow chld=<pin_style>
Örnekler
chst=d_map_xpin_letter |
chst=d_map_xpin_letter |
chst=d_map_xpin_icon |
chst=d_map_xpin_shadow |
Ölçekleme ve Döndürme Özellikli Metin Sabitleme
Bu, daha uzun metin dizelerini içerecek şekilde manuel olarak ölçeklendirebileceğiniz bir raptiyedir. Ayrıca, raptiyeyi belirli bir miktarda döndürebilir, yazı tipi boyutunu ve rengini kontrol edebilirsiniz.
Söz dizimi
chst=d_map_spin chld=<scale_factor>|<rotation_deg>|<fill_color>|<font_size>|<font_style>|<text_line_1>|...|<text_line_n>
- <scale_factor>
- Raptiye boyutunu belirtmek için kullanılan ölçeklendirme faktörü. Bu, pozitif bir kayan nokta sayısıdır.0,5, ölçeklendirilmemiş pinlerin boyutunu ifade eder. 0,25 değeri bu boyutun yarısı, 1 değeri bu boyutun iki katı olur vb.
- <rotation_deg>
- İğnenin derece cinsinden dönüşü. Pozitif ve negatif değerlere izin verilir. Dikey bir raptiye için 0 değerini belirtin.
- <fill_color>
- Altı basamaklı HTML onaltılık rengi olarak balon dolgu rengi.
- <font_size>
- Piksel cinsinden metin yazı tipi boyutu.
- <font_style>
- Normal metin için "_" (alt çizgi), kalın yazı tipi için "b".
- <text_line_1>...<text_line_n>
- | karakterle ayrılmış bir veya daha fazla metin satırı.
Örnekler
chst=d_map_spin |
chst=d_map_spin |
chst=d_map_spin |
Eğlenceli Stil Notlar
Yenilik şablonlarında yapışkan not veya düşünce balonu gibi çeşitli metin notları oluşturabilirsiniz. İsteğe bağlı olarak nota bir başlık satırı da ekleyebilirsiniz.
Bu notların boyutu sabittir; metninizin boyutuna uyacak şekilde büyümez veya küçülmezler.
Söz dizimi
chst=d_fnote_title OR chst=d_fnote chld=<note_type>|<note_size>|<text_color>|<text_alignment>|<text_line_1>|...|<text_line_n>
- gst
- Başlıklı bir not için
d_fnote_title
veya başlıksız bir not içind_fnote
belirtin. Başlığı olan bir notta, metnin ilk satırı başlık olarak (daha büyük ve kalın) biçimlendirilir. - <note_type>
- Notun şeklini açıklayan bir dize. Aşağıdaki tabloda bulunan not türü dizelerinden birini seçin.
- <note_size>
- Büyük not için 1 (bir), küçük not için 2. Şablon boyutları sabittir. Şablonlar metne sığacak şekilde büyümez veya küçülmez. Metninizi hangisinin daha iyi tuttuğunu görmek için her iki boyutu da deneyin.
- <text_color>
- Altı basamaklı onaltılık renk olarak metin rengi; alfa değerleri kabul edilmez.
- <text_alignment> (metin hizalaması)
- Başlık da dahil olmak üzere tüm metnin hizalaması. Aşağıdaki değerlerden birini seçin:
- l - ('L') Sola hizalı
- h - Ortaya hizalı
- r - Sağa hizalı
- <text_line_1>| ...|<metin_line_n>
- Notun metni. Yeni satırı belirtmek için | karakterini kullanın.
chst=d_fnote_title
kullanıldığında metnin ilk satırı başlık olarak biçimlendirilir.
Not Türü Şablonları
Not şablonları için aşağıdaki şablonlar desteklenir. Her birine ait note_type dizesi şablonun altında gösterilir.
Not: Metin dizeleri büyük/küçük harfe duyarlıdır.
arrow_d |
balloon |
pinned_c |
sticky_y |
taped_y |
thought |
Örnekler
Açıklama | Örnek |
---|---|
Başlıklı not: chst=d_fnote_title . Metnin ilk satırı başlık olarak kullanılır. Boyut büyük not (1). |
chst=d_fnote_title |
Başlıksız not: chst=d_fnote. Metin ortalandı. |
chst=d_fnote |
Eski bir şaka için kullanışlı bir şablon. |
|
Hava Durumu Tahmini Notları
Hava durumu göstergesi simgesi olan bir not oluşturabilirsiniz. Eğlenceli stil notlarına benzer bir düzen ancak metin rengi her zaman siyahtır, metin her zaman sola hizalı olur ve yalnızca bir ila üç satırdan oluşan bir metin kullanabilirsiniz.
Bu notların boyutu sabittir; metninizin boyutuna uyacak şekilde büyümez veya küçülmezler.
Söz dizimi
chst=d_weather chld=<note_type>|<weather_icon>|<title>|<line_2>|<line_3>
- gst
d_weather
, hava durumu notunu gösterir.- <note_type>
- Bu not için kullanılacak şablon. Yukarıdaki eğlenceli not listesinde listelenen not dizelerinden birini kullanın.
- <weather_icon>
- Aşağıdaki tabloda bulunan hava durumu simgesi dizelerinden biri. Not, tek bir hava durumu simgesi alabilir.
- <title>|<line_2>|<line_3>
- Başlık ve en fazla iki satır daha metin (bu ekstra metin satırları isteğe bağlıdır). Başlık daha büyük ve kalın yazılmıştır.
Hava Durumu Simgeleri
Desteklenen hava durumu simgelerinin her birinin weather_icon dizesini içeren listeyi aşağıda bulabilirsiniz.
Not: Metin dizeleri büyük/küçük harfe duyarlıdır.
clear-night-moon |
cloudy-heavy |
cloudy-sunny |
cloudy |
rain |
rainy-sunny |
snow |
snowflake |
snowy-sunny |
sunny-cloudy |
sunny |
thermometer-cold |
thermometer-hot |
thunder |
windy |
Örnekler
Açıklama | Örnek |
---|---|
taped_y stil şablonu üzerinde başlık ve iki satır içeren bir hava durumu notu. |
|
Kış için dilek bir düşünce. |
|
Dış çizgili Yazı Tipi Metin Blokları (Yalnızca Metin)
Beyaz arka plana sahip dış çizgili metin blokları oluşturabilirsiniz. Metin + simge istiyorsanız simgeyi destekleyen tek satır çeşidini kullanmayı düşünebilirsiniz.
Söz dizimi
chst=d_text_outline chld=<text_fill_color>|<font_size>|<text_alignment>|<outline_color>|<font_weight>|<text_line_1>|...|<text_line_n>
- <text_fill_color>
- Metin dolgu rengi. Bu, altı basamaklı onaltılık bir renktir; alfa değerleri kabul edilmez.
- <font_size>
- Yazı tipi boyutunu piksel cinsinden belirten bir sayı.
- <text_alignment> (metin hizalaması)
- Başlık da dahil olmak üzere tüm metnin hizalaması. Aşağıdaki değerlerden birini seçin:
- l - ('L')Sola hizalı
- h - Ortaya hizalı
- r - Sağa hizalı
- <outline_color>
- Metin dış çizgi rengi. Bu, altı basamaklı onaltılık bir renktir; alfa değerleri kabul edilmez.
- <font_weight>
- Normal veya kalın metin. Normal metin için alt çizgi "_", kalın metin için "b".
- <text_line_1>| ...|<metin_line_n>
- Notun metni. Yeni satırı belirtmek için | karakterini kullanın.
chst=d_fnote_title
kullanıldığında metnin ilk satırı başlık olarak biçimlendirilir.
Örnekler
chst=d_text_outline |
chst=d_text_outline |
Dış çizgili Yazı Tipi Metin Blokları (Metin + Simge)
Dış çizgili metinden oluşan tek bir satır ve bloğun üst, sol, alt veya sağ kısmında bir simge oluşturabilirsiniz. Simgeye ihtiyacınız yoksa dış çizgili yazı tipi metin bloğunu kullanın.
Söz dizimi
chst=<icon_position_string> chld=<text>|<font_size>|<font_fill_color>|<icon_name>|<icon_size>|<icon_fill_color>|<icon_and_text_border_color>
- <icon_position_string>
- Simgenin metin kutusunun içinde nerede görüneceğini
belirtir. Aşağıdaki değerlerden birini seçin:
d_simple_text_icon_below
- Simgeyi kutunun altına yerleştirir:d_simple_text_icon_above
- Simgeyi kutunun üstüne yerleştirir:d_simple_text_icon_left
- Simgeyi kutunun sol tarafına yerleştirir:d_simple_text_icon_right
- Simgeyi kutunun sağ tarafına yerleştirir:
- <text>
- Gösterilecek metin. Yalnızca tek satır; boşluklar için + kullanın.
- <font_size>
- Yazı tipi boyutunu piksel cinsinden belirten bir sayı.
- <font_fill_color>
- Metnin dolgu rengi (altı haneli bir dize olarak). Alfa değerleri desteklenmez.
- <icon_name>
- Bu belgenin alt kısmındaki simge adlarından biri.
- <icon_size>
- Simgenin piksel cinsinden yüksekliği. Şu değerler desteklenir: 12, 16, 24.
- <icon_fill_color>
- Simgenin altı haneli bir dize olarak rengi. Alfa değerleri desteklenmez.
- <icon_and_text_border_color>
- Simgenin ve metnin çevresindeki kenarlığın rengi (altı haneli dize). Alfa değerleri desteklenmez.
Kullanılabilir İşaretlerin ve Simgelerin Listesi
Aşağıdaki resimler, uygun parametre kullanılarak dinamik simgelerde kullanılabilir.
Not: Metin dizeleri büyük/küçük harfe duyarlıdır.
Not: Simgeler yalnızca şu boyutlarda kullanılabilir: 12, 16, 24.
Temel simgeler
Glyphish.com'dan simgeler
Bu simgeler Joseph Wain'e / glyphish.com'a aittir. Bu çalışma, Creative Commons Atıf 3.0 ABD Lisansı ile lisanslanmıştır.
İşaretler
Bazı ülke ve bölgelerin bayraklarını burada bulabilirsiniz.
Metin Dizeleri
İstekte gönderilen tüm görünen metinler UTF-8 olarak kodlanmalı ve ardından URL olarak kodlanmalıdır.
Bu, yalnızca URL'de güvenli olmayan karakterleri etkiler (URL için güvenli karakterler çoğunlukla hem büyük hem de küçük harflerden oluşan a-z İngilizce harfleri ve küçük bir noktalama işareti kümesidir). Örneğin, "è" harfi için UTF-8 ve URL kodlamalı değer "%C3%A8
", Çince karakteri için "%E9%A7%85
" ise çoğu tarayıcı URL dizesinde kodlanmamış bir değer kullanmanıza izin verir (örneğin, 駅) ve bunu sizin için arka planda kodlar.
Bununla birlikte, resim URL'nizi görüntüleyen bir kişi bunu yapmayan bir tarayıcı kullanıyor olabilir. Bu nedenle, metin dizelerindeki tüm ASCII olmayan karakterlerin UTF-8 ve URL olarak kodlanması genellikle en iyi çözümdür. Bunun yalnızca baloncuklarda veya raptiyelerde gösterilen metinler için olduğunu, &,
| veya URL söz diziminin parçası olan diğer karakterler için geçerli olmadığını unutmayın.
Gölgeler
Birçok simgeye gölge ekleyebilir, hatta simge olmadan bazı simgeler için gölge çizebilirsiniz.
Gölgelendirilen Simgeler
Bu simgelerin çoğu gölgelerle veya gölge olmadan çizilebilir. Gölgelendirme kullanılabiliyorsa simge adında _withshadow
ile biten bir sürüm ve bu uzantısı olmayan başka bir sürüm bulunur. Gölge isteyip istemediğinize bağlı olarak
her iki sonla birlikte bir simge belirtebilirsiniz.
Aşağıda, orta boy metin balonu ile gölge içeren ve içermeyen bir raptiye örneği verilmiştir:
chst=d_bubble_icon_text_big |
chst=d_bubble_icon_text_big_withshadow |
chst=d_map_pin_icon |
chst=d_map_pin_icon_withshadow |
Bağımsız Gölgeler
Bazı simge türleri, gölgelerini tek başına çizmenize olanak tanır. Bir grafikte gölgelendirilmiş birkaç simge kullanıyorsanız ve bu simgeler bir grafiğin gölgesi başka bir grafiğin üzerine gelecek kadar yakınsa bunu yapmak isteyebilirsiniz. Gölgesini tek başına çizip çizemeyeceğinizi öğrenmek için özel simge türünüzle ilgili dokümanlara bakın.