Önemli: Dinamik ve etkileşimli Google Grafikleri etkin bir şekilde korunurken, statik Google Resim Grafikleri 2012 yılında resmi olarak kullanımdan kaldırıldı. 18 Mart 2019'da devre dışı bırakılmıştı.
Bu sayfada, URL kullanılarak oluşturulabilecek çeşitli açıklama metinleri, baloncuklar, raptiyeler 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
- Sabitlemeler
- Eğlenceli Stil Notları
- Hava 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 birleştiren çeşitli ilgi çekici açıklama metinleri, raptiyeler veya baloncuklar oluşturabilirsiniz. Bu öğelere dinamik simgeler adı verilir.
Söz dizimi
Kök URL: https://chart.googleapis.com/chart?
Dinamik simgeler ? işaretinden sonra gelen şu parametreleri destekler: kök URL'de:
Parametre | Zorunlu veya isteğe bağlı | Açıklama |
---|---|---|
chst=<icon_string_constant> |
Zorunlu | Ne tür simge oluşturulması gerektiğini açıklar.
|
chld=<icon_data> |
Zorunlu | Simgenin boyutunu, yönünü, metnini ve diğer gerekli verileri tanımlamak için kullanılan belirli veriler.
|
Simge Türleri
Tür | Örnekler |
---|---|
Baloncuklar - Simge içeren veya içermeyen küçük veya büyük metin balonlarını seçin. | |
Sabitlemeler: Raptiye türleri düz, yıldızlı veya eğri olabilir ve bir simge, tek harf ya da 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 simgesi içeren hava durumu tahmin notları | |
Çok çizgili dış çizgili metin bloğu, simge yok | |
Tek satırlık, simgeli dış çizgili metin bloku |
Baloncuklar
Baloncukların çeşitli özellik kombinasyonları vardır: büyük veya küçük boyutlu, simgeli ya da simgesiz, tek satırlı veya çok satırlı metin. Aşağıdaki tabloda, baloncuk 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 baloncuklar, girdiğiniz metnin genişliğine ve yüksekliğine sığacak şekilde yeniden boyutlandırılır.
- Balon sabiti,
_withshadow
ile biten bir varyasyonu destekler._withshadow
varyasyonunu kullanırsanız balonunuzun altına bir gölge ekler.
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 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çeve, kuyruk yok
edge_bl
- Kenar çerçeve, kuyruk alt kenar, sol uç
edge_bc
- Kenar çerçeve, kuyruk alt kenar, ortalanmış
edge_br
- Kenar çerçeve, kuyruk alt kenar, sağ uç
edge_tl
- Kenar çerçeve, kuyruk üst kenarda, sol uçta
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ı haneli HTML onaltılık rengi olarak baloncuklu dolgu rengi.
- <text_color>
- Metin rengi (altı haneli HTML onaltılık rengi).
- <text>
- Tek satırlık baloncuklar için tek satırlık baloncuk metni. Boşluklar + işaret olmalıdır.
- <text_line_1>|...|<text_line_n>
- Çok satırlı metin balonları için bir veya daha fazla metin satırı. Her satır | işaretiyle ayrılır. İlk satır daha büyük ve kalın harflerle gösterilir. Boşluklar + ile değiştirilmelidir.
Yalnızca Gölge
Balonlar için yukarıdaki tabloda gösterilen söz dizimini kullanarak bağımsız gölge de çizebilirsiniz. Örnekler:
chst= |
chst= |
chst= |
chst= |
chst= |
Sabitleme
Simgeler ve/veya kısa metin dizeleri kullanarak çeşitli raptiyeler oluşturabilirsiniz. Kullanabileceğiniz PIN türleri aşağıda verilmiştir.
Raptiye Türü | Balon Sabiti | Örnekler |
---|---|---|
Tek bir 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 harf veya simge bulunan düz raptiye
Bu, küçük bir simgeyi ya da tek bir harfi taşıyabilen, dik konumda olan küçük bir raptiyedir.
Harf 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 sabitlenir] 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ı haneli HTML onaltılık rengi olarak baloncuklu dolgu rengi.
- <text_color>
- [Yalnızca metin iğneleri] Metin rengi (altı basamaklı HTML onaltılık rengi).
Yalnızca Gölge
Yalnızca bu raptiye türünde gölge çizmek için ş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 Harf veya Simge içeren Eğik/Yıldızlı Raptiye
Bu, sola veya sağa yatırılabilen ya da yıldız çakışması bulunan küçük bir raptiyedir. Raptiyenin içeriği tek bir karakter veya küçük bir simge olabilir.
Harf 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 raptiyeleri] Tek bir metin karakteri.
- <fill_color>
- Altı haneli HTML onaltılık rengi olarak baloncuklu dolgu rengi.
- <text_color>
- [Metin raptiyeleri] Metin rengi (altı basamaklı HTML onaltılı rengi).
- <star_fill_color>
- [Yıldız raptiyeleri] Yıldızın, altı basamaklı HTML onaltılık rengi olarak dolgu rengi.
Yalnızca Gölge
Yalnızca bu raptiye türünde gölge çizmek için ş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çeklendirme ve Döndürme Özellikli Metin Sabitleme
Bu, daha uzun metin dizeleri içerecek şekilde manuel olarak ölçeklendirebileceğiniz bir raptiyedir. Ayrıca, raptiyeyi özel 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 bir ölçeklendirme faktörü. Bu, pozitif bir kayan nokta sayıdır.0,5, ölçeklendirilmemiş piimlerin boyutunu temsil eder. 0,25 değeri bu boyutun yarısı, 1 değeri ise iki katı olur ve bu şekilde devam eder.
- <rotation_deg>
- Raptiyenin derece cinsinden dönüşü. Pozitif ve negatif değerlere izin verilir. Dikey raptiye için 0 değerini belirtin.
- <fill_color>
- Altı haneli HTML onaltılık rengi olarak baloncuklu dolgu rengi.
- <font_size>
- Metin yazı tipinin piksel cinsinden boyutu.
- <font_style>
- Normal metin için "_" (alt çizgi) veya kalın metin için "b".
- <text_line_1>...<text_line_n>
- | karakteriyle 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ı ekleyebilirsiniz.
Bu notların boyutu sabittir. Metninizin boyutuna uyacak şekilde büyümez veya küçülmez.
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>
- chst
- Başlığı olan bir not için
d_fnote_title
, başlığı olmayan 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 yazı tipinde) biçimlendirilir. - <note_type>
- Notun şeklini açıklayan bir dize. Aşağıdaki tabloda not türü dizelerinden birini seçin.
- <note_size>
- Büyük notlar için 1 (bir), küçük bir not için 2. Şablon boyutları sabittir. Şablonlar metne sığacak şekilde büyümez veya küçülmez. Metninizin hangi boyutta daha iyi tutulduğ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>
- Başlık da dahil olmak üzere tüm metinlerin hizalaması. Aşağıdaki değerlerden birini seçin:
- l - ('L') Sola hizalı
- h - Ortaya hizalı
- r - Sağa hizalı
- <text_line_1>| ...|<text_line_n>
- Notun metni. Yeni satırı belirtmek için | karakterini kullanın.
chst=d_fnote_title
yapı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 biri için 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 |
---|---|
Şu başlıklı not: chst=d_fnote_title . Metnin ilk satırı başlık olarak kullanılır. Boyut büyük (1) bir not. |
chst=d_fnote_title |
Başlıksız not: chst=d_fnote. Metin ortalanmış. |
chst=d_fnote |
Eski bir espri için kullanışlı bir şablon. |
|
Hava Tahmini Notları
Hava durumu göstergesi simgesine sahip bir not oluşturabilirsiniz. Eğlenceli stil notlarına benzer bir düzen, ancak metin rengi her zaman siyahtır, metinler her zaman sola hizalanır ve yalnızca bir ila üç satır uzunluğunda metin kullanabilirsiniz.
Bu notların boyutu sabittir. Metninizin boyutuna uyacak şekilde büyümez veya küçülmez.
Söz dizimi
chst=d_weather chld=<note_type>|<weather_icon>|<title>|<line_2>|<line_3>
- chst
d_weather
, bir hava durumu notunu gösterir.- <note_type>
- Bu not için kullanılacak şablon. Yukarıdaki eğlence stili not listesinde listelenen not dizelerinden birini kullanın.
- <weather_icon>
- Aşağıdaki tabloda hava durumu simgesi dizelerinden biri. Bir not, tek bir hava durumu simgesi alabilir.
- <title>|<line_2>|<line_3>
- Başlık ve en fazla iki satır daha metin (bu fazladan metin satırları isteğe bağlıdır). Başlık daha büyük ve kalın yazı tipinde.
Hava Durumu Simgeleri
Desteklenen hava durumu simgelerinin her biri için weather_icon dizesini gösteren bir listeyi burada 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 |
---|---|
Başlığı olan ve taped_y stili şablon üzerinde iki satır içeren bir hava durumu notu. |
|
Kış mevsimine uygun bir dilek. |
|
Dış Çizgili Yazı Tipi Metin Blokları (Yalnızca Metin)
Beyaz arka plana sahip bir dış çizgili metin bloku oluşturabilirsiniz. Metin + simge kullanmak istiyorsanız simgeyi destekleyen tek satırlı çeşitliliği kullanabilirsiniz.
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>
- Başlık da dahil olmak üzere tüm metinlerin 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 "_", kalın metin için ise "b" alt çizgisi.
- <text_line_1>| ...|<text_line_n>
- Notun metni. Yeni satırı belirtmek için | karakterini kullanın.
chst=d_fnote_title
yapı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 metin satırlarından oluşan tek bir satır artı blokun üst, sol, alt veya sağ tarafı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 kutusunda nerede görüneceğini belirtir. Aşağıdaki değerlerden birini seçin:
d_simple_text_icon_below
- Simgeyi kutunun alt kısmına yerleştirir:d_simple_text_icon_above
- Simgeyi kutunun üzerine yerleştirir:d_simple_text_icon_left
- Simgeyi kutunun soluna yerleştirir:d_simple_text_icon_right
- Simgeyi kutunun sağı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 dokümanın alt kısmında listelenen simge adlarından biri.
- <icon_size>
- Simgenin piksel cinsinden yüksekliği. Şu değerler desteklenir: 12, 16, 24.
- <icon_fill_color>
- Simgenin rengi (altı haneli bir dize olarak). Alfa değerleri desteklenmez.
- <icon_and_text_border_color>
- Simgenin ve metnin etrafındaki kenarlığın altı haneli bir dize olarak rengi. 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'daki simgeler
Bu simgeler Joseph Wain / glyphish.com tarafından sağlanmıştır. Bu çalışma Creative Commons Attribution 3.0 United States License kapsamında lisanslanmıştır.
İşaretler
Bazı ülke ve bölgelerin bayrakları aşağıda verilmiştir.
Metin Dizeleri
İstekte gönderilen tüm görünen metinler UTF-8 ile kodlanmış ve ardından URL olarak kodlanmış olmalıdır.
Bu, yalnızca URL için güvenli olmayan karakterleri etkiler (URL için güvenli karakterler çoğunlukla a-z arasındaki İngilizce harflerden oluşan büyük ve küçük harf ile küçük bir noktalama işareti kümesidir). Örneğin, "è" harfi için UTF-8 ve URL kodlamalı değer "%C3%A8
", Çince karakter olan 駅 için de "%E9%A7%85
" şeklindedir. Çoğu tarayıcı, URL dizesinde kodlanmamış bir değer (örneğin, 駅) kullanmanıza izin verir ve bunu arka planda sizin için kodlar.
Bununla birlikte, resim URL'nizi görüntüleyen bir kişi bunu yapmayan bir tarayıcı kullanıyor olabilir. Bu nedenle, metin dizelerinde ASCII olmayan tüm karakterleri UTF-8 ve URL olarak kodlamak genellikle en iyisidir. Bunun yalnızca baloncuklarda veya raptiyelerde gösterilen metin için geçerli 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ölgeli Simgeler
Bu simgelerin çoğu gölgeyle veya gölgesiz olarak çizilebilir. Gölgelendirme bir seçenekse simge adının _withshadow
ile biten bir sürümü ve bu sonu olmayan başka bir sürümü olur. Gölgeyi isteyip istememenize bağlı olarak, bu simgenin her iki sonuyla birlikte belirtebilirsiniz.
Orta boy metin baloncuğunun yanı sıra gölgeli ve gölgesiz bir raptiye örneğini burada bulabilirsiniz:
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ölgede birkaç üst üste binen simge kullanıyorsanız ve bu simgeler birbirinden çok yakınsa, buradaki gölge diğer bir grafiğe düşecek kadar yakınsa bu işlemi yapabilirsiniz. Simgenizin gölgesini tek başına çizip çizemeyeceğinizi öğrenmek için simge türünüzle ilgili dokümanlara bakın.