Pasta Grafikler

   

Bu belgede, Chart API kullanılarak pasta grafiklerin nasıl oluşturulacağı açıklanmaktadır.

İçindekiler

Genel bakış

Pasta grafikleri, basit orantılı parça-bütün bilgilerini göstermek için uygundur. Her bir serinin birden fazla dilimden veya çok serili, iç merkezli grafiklerden oluştuğu tek serili bir pasta grafik oluşturabilirsiniz.

Her seride bir pasta açıklanır ve her veri değeri bir dilim belirtir. İç içe pasta grafikleri (aşağıda açıklanmıştır) kullanırken birden çok seri kullanın.

Bir dilimle ilişkili metni görüntülemek için pasta grafik etiketleri veya grafik açıklaması kullanmanız gerekir. Pasta grafik etiketleri, grafiğin etrafındaki ve çizgileri dilimi işaret eden metinlerdir. Açıklamalar, renge göre ilişkilendirilen metinlerdir.

Etiketler Açıklama Etiketler ve Göstergeler

chl=January|February|March|April

chdl=January|February|March|April

chl=January|February|March|April
chdl=30°|40°|50°|60°

Değerler birbirine göre gösterilir: 1,2,3 değerlerine sahip bir grafik, 100.200.300 değerlerine sahip bir grafikle aynı görünür. Bununla birlikte, metin biçimi verileri kullanılırken 100'den büyük değerler 100'e kırpılır. Bu nedenle, 100'den büyük dilimleri düzgün bir şekilde görüntülemek için özel ölçeklendirmeli metin biçimini kullanmanız gerekir (min/maks. değeri chds=0,<max-slice-size> olan chds parametresini kullanın).

Negatif değerler, uygun boyutta boş dilimler olarak görüntülenir.

Grafik Türleri

Oluşturabileceğiniz üç genel pasta grafik türü vardır: düz, iç içe geçmiş veya 3D. Aşağıdaki söz dizimiyle bir pasta grafiği belirtin:

Söz dizimi

cht=<chart_type>

Burada <chart_type>, aşağıdaki türlerden biridir:

Parametre Açıklama Örnek

p

İki boyutlu pasta grafik.

Yalnızca bir veri dizisi sağlayın; sonraki veri dizileri yok sayılır.

Varsayılan olarak, pasta segmenti renklerinin koyu turuncudan soluk sarıya kadar interpolasyonu yapılır. Diğer renkleri Seri Renkleri bölümünde açıklandığı gibi belirtin.

Etiketleri, Pasta grafik etiketleri bölümünde açıklandığı gibi chl ile belirtin.

Google Chart API, grafik boyutu (chs) parametresinde belirtilen minimum genişlik ve yükseklikten dairenin yarıçapını hesaplar. Etiket ekliyorsanız etiketlerinizin tamamen görünür olmasını sağlamak için muhtemelen genişlik boyutunu yüksekliğin iki katı olacak şekilde belirtmeniz gerekir.

Segment renklerinin koyudan soluk turuncuya doğru interpolasyonuyla elde edilen, dört segment içeren iki boyutlu pasta grafik

cht=p
chs=200x100

p3

Üç boyutlu pasta grafik.

Verileri ve biçimlendirmeyi, yukarıdaki iki boyutlu pasta grafikte olduğu gibi belirtin.

Üç boyutlu bir pasta grafiğe etiket ekliyorsanız etiketlerinizin tamamen görünür olmasını sağlamak için muhtemelen genişlik boyutunu yükseklik boyutunun 2,5 katı olacak şekilde belirtmeniz gerekir.

Dört segmentli, segment renklerinin koyudan soluk turuncuya kadar interpolasyonuna sahip üç boyutlu pasta grafik

cht=p3
chs=250x100

pc

İç içe geçmiş pasta grafik.

İki veya daha fazla veri dizisi sağlayın.

Her biri dört segment içeren, iç içe geçmiş iki pasta grafik; segment renklerinin koyudan soluk turuncuya kadar interpole edilmesi

cht=pc
chd=s:Helo,Wrld

Tüm türler Verilerdeki negatif sayılar "boş" dilimlere neden olur. Her biri dört segment içeren, iç içe geçmiş iki pasta grafik; segment renklerinin koyudan soluk turuncuya kadar interpole edilmesi
cht=pc
chd=t:
10,-10,10,-10|
5,-5,5,-5,5,-5,5,-5,5,-5

 

Seri Renkleri chco

chco parametresini kullanarak tüm değerlerin, her bir değerin veya bazı değerlerin renklerini belirtebilirsiniz.

Söz dizimi

chco=<slice_1>|<slice_2>|<slice_n>,<series_color_1>,...,<series_color_n>
<color>
RRGGBB onaltılık biçiminde dilim renkleri. Tek bir seri rengi belirttiğinizde, söz konusu serideki tüm dilimler, en koyu (ilk veri üyesi) olandan en açık (son veri üyesi) olana (son veri üyesi) doğru tonlamalarla renklendirilir. Tek tek dilim renkleri açıklamak için | ile sınırlandırılmış iki veya daha fazla renk belirtin. Birden fazla seriniz (yani iç içe halkaları olan bir grafik) olduğunda, değerleri virgülle ayırarak farklı serilerin değerlerini belirtebilirsiniz. Gösterilen dilim/seri renginden daha az dilim/seri rengi belirtildiğinde, grafik serinin dilim listesinin veya grafiğin seri listesinin başından itibaren döngüye girer. Çok serili bir grafikteki her seri için ayrı bir renk geçişi belirtemezsiniz.
Açıklama Örnek

En koyu (ilk dilim) ile en açık (son dilim) arasında geçişler olması için tek bir renk belirtin.

Segmentlerin koyu maviden soluk maviye kadar interpole edildiği üç boyutlu pasta grafik

chco=0000FF

Burada, sarıdan kırmızıya doğru gradyan tanımlama. Sarı ile kırmızı arasında değişir.
chd=t:10,20,30,40,50
chco=FFFF10,FF0000

Ayrı dilim renklerini tanımlama; her dilim için bir renk belirtin. Renk başına bir dilim.
chd=t:10,20,30
chco=FF0000|00FF00|0000FF
Bu grafik iki veri serisi içerir ancak rengi sarıdan kırmızıya (BBBB00 - BB0000) tüm dilimlerde tek bir renk geçişi olarak belirtir. Her biri dört segment içeren, iç içe geçmiş iki pasta grafik; segment renklerinin koyudan soluk turuncuya kadar interpole edilmesi
chco=BBBB00,BB0000

Aşağıda, hem seri renklerini hem de ayrı ayrı dilim renklerini içeren iç içe geçmiş bir grafik verilmiştir. Grafikte iç içe geçmiş iki veri dizisi vardır. Renkler kullanıcılar tarafından okunabilir biçimde chco=yeşil|kırmızı,mavi|sarıdır. Virgül, bunu iki seriye ayırır:

  • yeşil|kırmızı: Birbirini izleyen yeşil ve kırmızı dilimler.
  • mavi|sarı: Birbirini izleyen mavi ve sarı dilimler.
Her biri dört segment içeren, iç içe geçmiş iki pasta grafik; segment renklerinin koyudan soluk turuncuya kadar interpole edilmesi
chd=s:eYY,ORVM
chco=008800|880000,000088|888800

Başa dön

Pasta Grafik Etiketleri chl

chl parametresini kullanarak tek tek pasta grafik dilimleri için etiketler belirtebilirsiniz. Ayrıca, aynı veya farklı değerlere sahip bir lege öğesi, her dilim için bir açıklama girişi olacak şekilde görüntüleyebilirsiniz.

Dize Değerleriyle İlgili Not: Etiket dizelerinde yalnızca URL için güvenli karakterlere izin verilir. Güvenliğiniz için 0-9a-zA-Z karakter kümesinde olmayan karakterleri içeren tüm dizeleri URL olarak kodlamanız gerekir. URL kodlayıcıya buradan erişebilirsiniz.

Söz dizimi

chl=
  <label_value>|
    ...
  <label_value>
<label_value>
Bir dilime uygulanacak dize değeri. Etiketler, chd içindeki veri noktalarına sırayla uygulanır. Birden fazla seriniz varsa (örneğin, iç içe geçmiş bir pasta grafiği için) etiketler, tüm dizilerdeki tüm noktalara chd öğesinde belirtilen sırayla uygulanır. Her bir etiketin arasında bir çizgi ayırıcı ( |) kullanın. Aralarında boşluk olmayan iki ardışık dikey çizgi karakteri kullanarak eksik araya giren bir değeri belirtin: || . Tüm dilimleri etiketlemeniz gerekmez.

 

Örnekler

Açıklama Örnek

Üç boyutlu pasta grafiğin etiketleri.

Her segment için Mayıs, Haziran, Temmuz, Ağustos, Eylül ve Ekim etiketlerinin yer aldığı üç boyutlu pasta grafik

chl=May|Jun|Jul|Aug|Sep|Oct
chs=220x100

chs ile grafiğinizin boyutunu belirtirken etiketlerinizin ne kadar alana ihtiyacı olduğunu göz önünde bulundurun.

Genellikle, iki boyutlu bir pasta grafiğin yüksekliğinin yaklaşık iki katı genişliğinde olması gerekir. Üç boyutlu pasta grafiğin ise yüksek olması için yaklaşık iki buçuk kat genişliğinde olması gerekir.

İlk örnekte grafik yeterince geniş olmadığından etiketler yalnızca kısmen görüntülenir.

İkinci örnek, etiketlerin tam olarak görüntülenmesi için grafiğin 280 piksel genişliğe ihtiyacı olduğunu göstermektedir. (<img> öğesine açık bir şekilde eklenen kenarlıklar.)

Her segment için Mayıs, Haziran, Temmuz, Ağustos, Eylül ve Ekim etiketlerinin yer aldığı üç boyutlu pasta grafik

chl=May|June|July|August|
September|October
chs=220x100


Her segment için Mayıs, Haziran, Temmuz, Ağustos, Eylül ve Ekim etiketlerinin yer aldığı üç boyutlu pasta grafikchl=May|June|July|August|
September|October
chs=280x100

Başa dön

Pasta Grafik Rotasyonu chp

Varsayılan olarak, ilk seri 3:00'dan başlayarak grafiğin saat yönünde devam edecek şekilde çizilir ancak chp parametresini kullanarak özel bir rotasyon belirtebilirsiniz.

Söz dizimi

chp=<radians>
  
<radians>
Grafiğin saat yönünde kaç radyan döndürüleceğini belirten bir kayan nokta değeri. Tam bir dönüş, 2π (2 pi - yaklaşık 6,28) radyandır.

Örnekler

Açıklama Örnek

Pasta grafiğin yönünü değiştirmek için chp=<angle_in_radians> kısayolunu kullanın

İki segmentli pasta grafik

chd=t:20,80


İki segmentli, 0,628 döndürülmüş pasta grafik

chd=t:80,20
chp=0.628

Burada, başka bir pasta grafik rotasyonu örneği verilmiştir. Bunlar, ilginç efektler oluşturmak için grafik şekli işaretçileriyle birleştirilebilir. İki segmentli, 0,628 döndürülmüş pasta grafik

 

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 Açıklama Metni ve Stili chdl, chdlp, chdls [Tüm grafikler]

Açıklamalar, grafiğin yan bölümünde her seri için kısa bir metin açıklaması yer alır. Bu açıklamadaki her seriyle ilişkili metni belirtebilir ve grafiğin nerede görüneceğini belirtebilirsiniz.

Açıklamanızın kenar boşluklarını nasıl ayarlayacağınızı öğrenmek için de chma konusuna bakın.

Dize değerleriyle ilgili bir not: Etiket dizelerinde yalnızca URL güvenli karakterlere izin verilir. Güvenliğiniz için 0-9a-zA-Z karakter kümesinde olmayan karakterleri içeren tüm dizeleri URL olarak kodlamanız gerekir. URL kodlayıcıyı Google Görselleştirme Belgeleri'nde bulabilirsiniz.

Söz dizimi

chdl=<data_series_1_label>|...|<data_series_n_label>
chdlp=<opt_position>|<opt_label_order>
chdls=<color>,<size>

 

chdl: Her bir serinin açıklama bölümünde gösterilecek metni.

<data_series_label>
Gösterge girişlerinin metni. Her etiket, chd dizisindeki karşılık gelen seriye uygulanır. Alanlar için + işaretini kullanın. Bu parametreyi belirtmezseniz grafikte gösterge gösterilmez. Etiketlerde satır sonu belirtmek mümkün değildir. Açıklamalar genellikle açıklama metninizi içerecek şekilde genişler ve grafik alanı, göstergeye uyacak şekilde daralır.

chdlp - [İsteğe bağlı] Açıklamaların konumu ve açıklama girişlerinin sırası. <position> ve/veya <label_order> değerlerini belirtebilirsiniz. Her ikisini de belirtirseniz bunları bir çubuk karakteriyle ayırın. chdl içindeki boş gösterge girişlerinin açıklama bölümünde atlanmasını istiyorsanız herhangi bir değere "s" ekleyebilirsiniz. Örnekler: chdlp=bv, chdlp=r, chdlp=bv|r, chdlp=bvs|r

<opt_position>
[İsteğe bağlı] Açıklamanın grafikteki konumunu belirtir. Açıklamalar ile grafik alanı veya resim kenarlığı arasında ek dolgu belirtmek için chma parametresini kullanın. Aşağıdaki değerlerden birini seçin:
  • b: Grafiğin alt tarafında açıklamalar, yatay bir satırda açıklama girişleri bulunur.
  • bv - Grafiğin alt kısmındaki açıklamalar, dikey bir sütunda gösterge girişleri bulunur.
  • t: Grafiğin üst tarafında açıklama bölümü, yatay satırda açıklama girişleri bulunur.
  • tv - Grafiğin üst tarafında açıklama bölümü, dikey sütunda gösterge girişleri bulunur.
  • r - [Varsayılan] Grafiğin sağında gösterge, dikey sütunda ise açıklama girişleri bulunur.
  • l - Grafiğin solunda açıklama, dikey sütunda açıklama girişleri bulunur.
<opt_label_order>
[İsteğe bağlı] Etiketlerin açıklamada gösterildiği sıra. Aşağıdaki değerlerden birini seçin:
  • l - [Dikey açıklamalar için varsayılan] Etiketleri chdl öğesine verilen sırada görüntüleyin.
  • r - Etiketleri chdl işlevine verildiği gibi ters sırada görüntüler. Bu özellik, yığınlı çubuk grafiklerde göstergeyi
    çubuklar göründüğü sırada göstermek açısından kullanışlıdır.
  • a - [Yatay açıklamalar için varsayılan] Otomatik sıralama: 10 piksellik bloklar halinde ölçülen kabaca uzunluğa göre, en kısa olana göre sıralama anlamına gelir. İki öğe aynı uzunluktaysa (10 piksellik bloğa bölünmüşse) önce listelenen öğe görünür.
  • 0,1,2... - Özel etiket sırası. Bu, chdl değerindeki sıfır tabanlı etiket dizinlerinin virgülle ayrılmış bir listesidir.

chdls - [İsteğe bağlı] Açıklama metninin rengini ve yazı tipi boyutunu belirtir.

<color>
RRGGBB onaltılık biçimde açıklama metni rengi.
<size>
Açıklama metninin nokta boyutu.

 

Örnekler

Açıklama Örnek

İki efsane örneği. Açıklama metnini veri serilerinizle aynı sırada belirtin.

Eşleşen açıklamalar içeren kırmızı, mavi ve yeşil çizgi grafik

chdl=NASDAQ|FTSE100|DOW
chco=FF0000,00FF00,0000FF

Daha büyük bir daireyle çevrili iki küçük daireden oluşan Venn diyagramı


chdl=First|Second|Third
chco=ff0000,00ff00,0000ff

İlk grafikte yatay açıklama girişleri (chdlp=t, varsayılan düzen yataydır) ve ikinci grafikte alt dikey açıklama girişleri (chdlp=bv) gösterilmektedir.

Daha büyük bir daireyle çevrili iki küçük daireden oluşan Venn diyagramı
chdl=First|Second|Third
chco=ff0000,00ff00,0000ff
chdlp=t


Daha büyük bir daireyle çevrili iki küçük daireden oluşan Venn diyagramı
chdl=First|Second|Third
chco=ff0000,00ff00,0000ff
chdlp=bv

Bu örnekte, yazı tipi boyutunun değiştirilmesi gösterilmektedir.

Daha büyük bir daireyle çevrili iki küçük daireden oluşan Venn diyagramı
chdls=0000CC,14

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

Eksen Stilleri ve Etiketler [Çizgi, Çubuk, Google-Metre, Radar, Dağılım]

Grafikte hangi eksenlerin görüntüleneceğini belirleyip bunlara özel etiketler, konumlar, aralıklar ve stiller verebilirsiniz.

Eksen çizgileri varsayılan olarak tüm grafiklerde gösterilmez. chxt parametresini kullanarak grafiğinizin tam olarak hangi eksenleri göstermesi gerektiğini belirtebilirsiniz. Varsayılan eksen çizgilerinde sayı gösterilmez. Sayıları göstermek için chxt parametresinde bir eksen belirtmeniz gerekir.

Eksenlerinizin, veri değerlerini yansıtan sayıları göstermesini seçebilir veya özel eksenler belirtebilirsiniz. Varsayılan değer, 0-100 arasında değişen değerler içeren sayısal değerler görüntülemektir. Bununla birlikte, herhangi bir aralığı görüntülemek için chxr kullanarak bu aralığı değiştirebilir ve chxs kullanarak değerlere (örneğin, para birimi simgelerini veya ondalık basamakları göstermek için) stil belirleyebilirsiniz.

"Pzt, Sal, Çarş" gibi özel değerler kullanmayı seçerseniz chxl parametresini kullanabilirsiniz. Bu etiketleri eksen boyunca belirli konumlara yerleştirmek için chxp parametresini kullanın.

Son olarak, hem özel hem de sayısal eksen etiketlerinin renk, boyut, hizalama ve diğer özelliklerini belirtmek için chxs ve chxtc parametrelerini kullanabilirsiniz.

Dize değerleriyle ilgili bir not: Etiket dizelerinde yalnızca URL güvenli karakterlere izin verilir. Güvenliğiniz için 0-9a-zA-Z karakter kümesinde olmayan karakterleri içeren tüm dizeleri URL olarak kodlamanız gerekir. URL kodlayıcıyı Google Görselleştirme Belgeleri'nde bulabilirsiniz.

Bu bölümde aşağıdaki konular ele alınmaktadır:


Görünür Eksenler chxt

Çubuk, çizgi, radar grafikler ve dağılım grafiklerinde varsayılan olarak bir veya iki eksen çizgisi gösterilir ancak bu çizgiler değer içermez. Eksen çizgilerinizde değerleri görüntülemek veya hangi eksenlerin gösterileceğini değiştirmek için chxt parametresini kullanmanız gerekir. chxr özelliğini kullanarak açıkça ölçeklendirmediğiniz sürece eksen değerleri varsayılan olarak 0-100 arasında değişir. Bir çizgi grafikteki tüm eksen çizgilerini gizlemek için cht parametresindeki grafik türü değerinden sonra :nda değerini belirtin (örnek: cht=lc:nda).

Değerlere göre üst ve alt eksenlerde onay işaretleri gösterilmezken sol ve sağ eksenlerde onay işaretleri gösterilir. Bu davranışı chxs parametresini kullanarak değiştirebilirsiniz.

Söz dizimi

chxt=
  <axis_1>
    ,...,
  <axis_n>
<axis>
Grafikte gösterilecek eksen. Kullanabileceğiniz eksenler şunlardır:
  • x - Alt x ekseni
  • t - Üst x ekseni [Google-o-Meter tarafından desteklenmez]
  • y - Sol y ekseni
  • r - Sağ y ekseni [Google-o-Meter tarafından desteklenmez]

Aynı türde birden çok eksen belirtebilirsiniz, örneğin: cht=x,x,y. Bu işlem, grafiğin alt kısmı boyunca iki x ekseni grubunu yığılır. Bu, sayısal değerleri gösteren bir eksene özel etiketler eklerken yararlı olur (aşağıdaki örneğe bakın). Eksenler içten dışa doğru çizilir. Bu nedenle, x,x kullanıyorsanız ilk x en içteki kopyayı, sonraki x dıştaki bir sonraki kopyayı belirtir.

 

Örnekler

Açıklama Örnek

Bu örnekte x ekseni, y ekseni, üst ekseni (t) ve sağ ekseni (r) içeren bir çizgi grafik gösterilmektedir.

Herhangi bir etiket belirtilmediğinden grafikteki tüm eksenler için varsayılan olarak 0-100 aralığı kullanılır.

Varsayılan olarak üst ve alt eksenlerde, etiketlerde onay işaretleri görünmediğini unutmayın.

Şu etiketlere sahip çizgi grafik: solda ve sağda 0, 20, 40, 60, 80 ve 100 ve etiketler: 0, 25, 50, 75 ve 100
chxt=x,y,r,t

Aynı değeri birden fazla kez ekleyerek her eksen için birden fazla etiket grubu ekleyebilirsiniz. Bu örnekte iki x kümesi ve iki y ekseni kümesi gösterilmektedir. Bu, burada gösterildiği gibi yalnızca varsayılan eksen etiketleri kullanılırken özellikle yararlı değildir. Ancak, chxl parametresini kullanarak her eksenin her kopyası için özel etiketler belirtebilirsiniz.

>


<img <code="


Bu örnekte x ekseni, y ekseni, üst t ekseni ve sağ r ekseni içeren yatay bir çubuk grafik gösterilmektedir.

Eksen etiketleri atlandığından Chart API, x ekseni ve t ekseni için 0 ile 100 arasında bir aralık gösterir.

Y ekseni ve r ekseni aralığı, çubuk sayısıyla belirlenir. Bu durumda beş çubuk vardır; dolayısıyla Chart API 0-4 aralığında bir aralık gösterir. İlk etiket, ilk çubuğun tabanında, ikinci etiket ikinci çubuğun tabanında ortalanır ve bu şekilde devam eder.

Şu etiketlere sahip çizgi grafik: solda ve sağda 0, 20, 40, 60, 80 ve 100 ve etiketler: 0, 25, 50, 75 ve 100
chxt=x,y,r,t

Grafik türünden sonra :nda belirterek çizgi grafikteki varsayılan eksenleri gizleyebilirsiniz. Gizli eksenleri olan çizgi grafik
cht=lc:nda

Başa dön

Eksen Aralığı chxr

chxr parametresini kullanarak her eksende görünen değer aralığını bağımsız olarak belirtebilirsiniz. Bunun grafik öğelerinin ölçeğini değiştirmediğini , yalnızca eksen etiketlerinin ölçeğini değiştirdiğini unutmayın. Eksen numaralarının gerçek veri değerlerini tarif etmesini istiyorsanız <start_val> ve <end_val> değerini, sırasıyla veri biçimi aralığınızın alt ve üst değerlerine ayarlayın. Daha fazla bilgi için Eksen Ölçeklendirme bölümünü inceleyin.

Aralığı belirtmek istiyorsanız chxt parametresini kullanarak bir ekseni görünür yapmanız gerekir.

Özel eksen değerlerini belirtmek için chxl parametresini kullanın.

Söz dizimi

Birden çok eksen etiketi aralığını dikey çizgi karakterini ( | ) kullanarak ayırın.

chxr=
  <axis_index>,<start_val>,<end_val>,<opt_step>
    |...|
  <axis_index>,<start_val>,<end_val>,<opt_step>
<eksen_dizini>
Etiketlerin uygulanacağı eksen. Bu, chxt tarafından belirtilen eksen dizisine eklenmiş sıfır tabanlı bir dizindir. Örneğin, chxt=x,r,y içinde r ekseni 1 olur.
<start_val>
Bu eksendeki düşük değeri tanımlayan bir sayıdır.
<end_val>
Bu eksendeki yüksek değeri tanımlayan bir sayıdır.
<opt_step>
[İsteğe bağlı] Eksen üzerindeki değer çizgileri arasındaki sayım adımı. Varsayılan adım değeri yoktur. Adım, uygun şekilde aralıklı bir grup etiket göstermeye çalışmak için hesaplanır.

 

Örnekler

Açıklama Örnek

Bu örnekte sol ve sağ y eksenleri (y ve r) ile bir x ekseni (x) gösterilmektedir.

Her eksen için tanımlanmış bir aralık vardır. Herhangi bir etiket veya konum belirtilmediğinden, değerler belirli bir aralıktan alınır ve bu aralık içinde eşit aralıklarla yerleştirilir. Çizgi grafikte değerler, x ekseni boyunca eşit olarak yayılır.

İlk değer (1000) son değerden (0) daha büyük olduğundan, r ekseni (dizin 2) için eksen yönü tersine çevrilir.


chxt=x,y,r
chxr=
  0,0,500|
  1,0,200|
  2,1000,0

Bu örnekte, x ekseni için değerler belirtilmiştir.

Eksen etiketleri eksen boyunca eşit aralıklarla yerleştirilir. <opt_step> parametresi için beş (5) değeri belirtilir.

X ekseninde 200, 300 ve 400 olan çubuk grafik chxt=x
chxr=0,10,50,5

Başa dön

Özel Eksen Etiketleri chxl

chxl parametresini kullanarak herhangi bir eksende özel dize ekseni etiketleri belirtebilirsiniz. İstediğiniz kadar etiket belirtebilirsiniz. Bir eksen gösterirseniz (chxt parametresini kullanarak) ve özel etiket belirtmezseniz standart sayısal etiketler uygulanır. Özel bir sayısal aralık belirtmek için bunun yerine chxr parametresini kullanın.

Etiketlerinizin ekseni boyunca belirli konumları ayarlamak için chxp parametresini kullanın.

Söz dizimi

Etiketlemek istediğiniz her eksen için bir parametre grubu belirtin. Dikey çizgi karakterini (|) kullanarak birden fazla etiket grubunu ayırın.

chxl=
  <axis_index>:|<label_1>|...|<label_n>
    |...|
  <axis_index>:|<label_1>|...|<label_n>
<eksen_dizini>
Etiketlerin uygulanacağı eksen. Bu, chxt parametre dizisine ait bir dizindir. Örneğin, chxt=x,x,y,y kullanıyorsanız dizin 0 ilk x ekseni, 1 ise ikinci x ekseni olur.
<label_1>| ... |<etiket_n>
Bu eksen boyunca yerleştirilecek bir veya daha fazla etiket. Bunlar dize veya sayı değerleri olabilir; dizelerin tırnak içine alınması gerekmez. label_1, eksende en düşük konumda, label_n ise en yüksek konumda görüntülenir. Ek etiketler, aralarında eşit aralıklarla yerleştirilir. Boşlukları + işaretiyle belirtin. Etiketlerde satır sonu belirtmek mümkün değildir. Etiketleri dikey çizgi karakteriyle ayırın. Not: chxl parametresindeki son etiketten sonra dikey çizgi yerleştirmeyin.

 

Örnekler

Açıklama Örnek

Bu grafikte, iki eksene nasıl özel etiketler ekleneceği gösterilmektedir. Değerlerin nasıl eşit aralıklı olduğuna ve son chxl değerinin dikey çizgiyle nasıl bitmediğine dikkat edin.

Solda 0 ve 100, sağda A, B ve C, x ekseninde Ocak, Temmuz, Ocak, Temmuz ve Ocak, aşağıda 2005, 2006 ve 2007 değerlerinin yer aldığı çizgi grafik
chxt=x,y
chxl=
0:|Jan|Feb|March|April|May|
1:|Min|Mid|Max

Bu örnekte sol ve sağ y eksenlerindeki (y ve r) eksen etiketleri yer almaktadır. Ayrıca, x ekseni (x) için iki değer grubu içerir. chxs kullanarak y eksenine onay işaretleri ekleyebilirsiniz.

Solda 0 ve 100, sağda A, B ve C, x ekseninde Ocak, Temmuz, Ocak, Temmuz ve Ocak, aşağıda 2005, 2006 ve 2007 değerlerinin yer aldığı çizgi grafik
chxt=x,y,r,x
chxl=
0:|Jan|July|Jan|July|Jan|
1:|0|50|100|
2:|A|B|C|
3:|2005|2006|2007

Bu örnek, sol ve sağ y eksenlerindeki (y ve r) eksen etiketlerini içerir. Ayrıca, x ekseni (x) için iki değer grubu içerir. Değerleri birbirinden ayırmak için kullanılan alt x ekseni grubu için boş etiketlere dikkat edin.

Bu örnekte sol y eksenindeki eksen etiketleri için varsayılan değerler kullanılmaktadır.

Solda 0 ve 100, sağda A, B ve C, x ekseninde Ocak, Temmuz, Ocak, Temmuz ve Ocak, aşağıda 2005, 2006 ve 2007 değerlerinin yer aldığı çubuk grafik
chxt=x,y,r,x
chxl=
0:|Jan|July|Jan|July|Jan|
2:|A|B|C|
3:|2005||2006||2007

Tüm bir ekseni tanımlamak için (örneğin, bir ekseni "maliyet", diğerini "öğrenci" olarak etiketlemek için) genel bir etiket eklemek isterseniz her bir kenara ilave bir eksen eklemek için chxt özelliğini kullanın. Ardından, her bir tarafa tek bir özel etiket eklemek için chxl özelliğini ve etiketi eksenin ortasına yerleştirmek için chxp özelliğini kullanın.


chxt=x,x,y,y
chxl=1:|Martinis|3:|Score
chxp=1,50|3,50

Başa dön

Eksen Etiket Konumları chxp

chxl ile belirtilen varsayılan etiketleri veya özel etiketleri kullanarak, hangi eksen etiketlerinin gösterileceğini belirleyebilirsiniz. Bu parametreyi kullanarak tam konumlar belirtmezseniz etiketler eksenler boyunca varsayılan bir adım değeriyle eşit aralıklarla dağıtılır. chxl belirtmezseniz onay işareti etiketleri, varsayılan değerler (genellikle veri değerleri veya çubuk grafiklerdeki çubuk numaraları) olur.

Söz dizimi

Dikey çizgi karakterini (|) kullanarak birden çok konumlandırma grubunu ayırın.

chxp=
  <axis_1_index>,<label_1_position>,...,<label_n_position>
    |...|
  <axis_m_index>,<label_1_position>,...,<label_n_position>
<eksen_dizini>
Konumları belirttiğiniz eksen. Bu, chxt parametre dizisindeki bir dizindir. Örneğin, chxt=x,x,y,y kullanıyorsanız dizin 0 ilk x ekseni, 1 ikinci x ekseni olur ve bu şekilde devam eder.
<label_1_position>,...,<label_n_position>
Etiketin eksendeki konumu. Bu, virgülle ayrılmış bir sayısal değerler listesidir. Burada her değer, chxl dizisindeki karşılık gelen etiketin konumunu ayarlar: İlk giriş ilk etikete uygulanır ve bu şekilde devam eder. Konum, o eksendeki bir değerdir. chxr kullanarak özel bir aralık belirtmediğiniz sürece bu değerin her zaman 0-100 olacağını unutmayın. O eksen için sahip olduğunuz etiket sayısı kadar konuma sahip olmanız gerekir.

 

Örnekler

Açıklama Örnek

Bu örnek, grafikte belirtilen konumlardaki r ekseni etiketlerini içerir. Etiket metni, chxl parametresi kullanılarak belirtilir.

Belirtilen konumu 0 olan etiketler, y veya r ekseninin altına ya da x veya t ekseninin soluna yerleştirilir.

Belirtilen konumu 100 olan etiketler, y veya r ekseninin üstüne ya da x veya t ekseninin sağına yerleştirilir.

Line chart with min, average, and max on the right, 20, 40, 60, 80, and 100 on the left, and 0, 25, 50, 75, and 100 along the x-axis
chxt=x,y,r
chxl=2:|min|average|max
chxp=2,10,35,75

Bu örnekte, yalnızca belirtilen konumlarda varsayılan etiket değerleri gösterilmiştir.

chxp=1,10,35,75 - Y ekseninde yalnızca üç etiket gösterilir: 10, 35 ve 75. Özel etiket metni belirtilmediği için bu eksen değerleri gösterilir. chxp kullanırken etiketleri aralıklı olarak eşit aralıklandırmanız gerekmediğini unutmayın. Burada chxp belirtilmemişse ikinci grafikte gösterildiği gibi y eksenindeki varsayılan etiket değeri mesafesi her 20 birim olacaktı.

Line chart with 10, 35, and 75 on the left, and 0, 25, 50, 75, and 100 along the x-axis
chxt=x,y
chxp=1,10,35,75

Varsayılan eksen konumlarını içeren çizgi grafik.
chxt=x,y
chxp belirtilmedi

Başa dön

Eksen Etiket Stilleri chxs

Eksen etiketleri, hem özel etiketler hem de varsayılan etiket değerleri için yazı tipi boyutunu, rengini ve hizalamasını belirtebilirsiniz. Aynı eksendeki tüm etiketler aynı biçime sahiptir. Bir eksenin birden fazla kopyası varsa her birini farklı şekilde biçimlendirebilirsiniz. Etiket dizesinin biçimini de belirtebilirsiniz. Örneğin, para birimi simgelerini veya sondaki sıfırları gösterebilirsiniz.

Değerlere göre üst ve alt eksenlerde onay işaretleri gösterilmezken sol ve sağ eksenlerde onay işaretleri gösterilir.

Söz dizimi

Birden çok eksen değerleri dikey çizgi (|) kullanılarak ayrılmalıdır.

chxs=
 <axis_index><opt_format_string>,<opt_label_color>,<opt_font_size>,<opt_alignment>,<opt_axis_or_tick>,<opt_tick_color>,<opt_axis_color>
   |...|
 <axis_index><opt_format_string>,<opt_label_color>,<opt_font_size>,<opt_alignment>,<opt_axis_or_tick>,<opt_tick_color>,<opt_axis_color>
<axis_index>
Bu özelliğin geçerli olduğu eksen. Bu, chxt parametresine dahil edilen sıfır tabanlı bir dizindir.
<opt_format_string>
[İsteğe bağlı] Bu, kullanılırsa araya giren virgül olmadan eksen dizin numarasından hemen sonra gelen isteğe bağlı bir biçim dizesidir. Normal N harfiyle başlar ve ardından aşağıdaki değerler gelir (hepsi isteğe bağlıdır): Biçimlendirme dizesi söz dizimi aşağıdaki gibidir:
       N<preceding_text>*<number_type><decimal_places>zs<x or y>*<following_text>
Her bir öğenin anlamı şu şekildedir:
  • <preceding_text> - Her değerden önce gelecek düz metin.
  • *...* - Sayılar için biçimlendirme ayrıntılarını belirtebileceğiniz, yıldız işaretleriyle sarmalanmış isteğe bağlı bir blok. Aşağıdaki değerler desteklenir ve tümü isteğe bağlıdır:
    • <number_type> - Sayısal değerler için sayı biçimi. Aşağıdakilerden birini seçin:
      • f - [Varsayılan] Kayan nokta biçimi. <decimal_places> değeriyle kesinliği de belirtmeyi düşünebilirsiniz.
      • p - Yüzde biçimi. % işareti otomatik olarak eklenir. Not: Bu biçimi kullanırken 0,0 - 1,0 aralığındaki veri değerleri %0 - 100 ile eşlenir (örneğin, 0,43 %43 olarak gösterilir).
      • e - Bilimsel gösterim biçimi.
      • c<CUR> - Numarayı uygun para birimi işaretçisiyle belirtilen para biriminde biçimlendirin. <CUR> yerine üç harfli bir para birimi kodu girin. Örnek: Avro için cEUR. Tüm simgeler desteklenmese de kodların listesini ISO web sitesinde bulabilirsiniz.
    • <decimal_places> - Kaç ondalık basamak gösterileceğini belirten bir tam sayı. Değer bu uzunluğa yuvarlanır (kısaltılmaz). Varsayılan değer 2'dir.
    • z - Sondaki sıfırları görüntüler. Varsayılan ayar hayır şeklindedir.
    • s - Grup ayırıcılarını görüntüleyin. Varsayılan ayar hayır şeklindedir.
    • x veya y -Belirtildiği şekilde x veya y koordinatındaki verileri görüntüleyin. x verilerinin anlamı grafik türüne göre değişir: Ne anlama geldiğini belirlemek için grafiğinizle denemeler yapın. Varsayılan değer "y"dir.
  • <following_text> - Her değerin ardından gelecek düz metin.
<opt_label_color>
Eksen metnine (eksen çizgisine değil) uygulanacak renk (RRGGBB onaltılık biçiminde). Eksen çizgi rengi, opt_axis_color kullanılarak ayrı olarak belirtilir. Varsayılan ayar gridir.
<opt_font_size>
[İsteğe bağlı], yazı tipi boyutunu piksel cinsinden belirtir. Bu parametre isteğe bağlıdır.
<opt_alignment>
[İsteğe bağlı] Etiket hizalaması. Üst veya alt eksenler için, etiketin kendi üzerindeki veya altındaki onay işaretine nasıl hizalandığını; sol veya sağ eksenlerde ise kendi sınırlama kutusunun içinde eksene dokunan hizalamanın nasıl hizalandığını açıklar. Aşağıdaki numaralardan birini belirtin:
  • -1 - Üst veya alt: Etiketler değer çizgilerinin sağında; Sola veya sağa: Etiketler kendi alanlarında sola hizalanır. R ekseni etiketleri için varsayılandır.
  • 0 - Üst veya alt: Etiketler değer çizgilerinin üzerinde ortalanır; Sol veya sağ: Etiketler kendi alanlarında ortalanır. X ve t ekseni etiketleri için varsayılandır.
  • 1 - Üst veya alt: Etiketler değer çizgilerinin solundadır; Sola veya sağa: Etiketler kendi alanlarında sağa hizalanır. Y ekseni etiketleri için varsayılandır.
<opt_axis_or_tick>
[İsteğe bağlı; Google-o-meter'de desteklenmez] Bu eksen için onay işaretlerinin ve/veya eksen çizgilerinin gösterilip gösterilmeyeceği. Onay işaretleri ve eksen çizgileri yalnızca en içteki eksenler için kullanılabilir (örneğin, iki x ekseninin dış kısmı için desteklenmez). Aşağıdaki değerlerden birini kullanın:
  • l (küçük harf 'L') - Yalnızca eksen çizgisini çizin.
  • t - Yalnızca onay işaretleri çizin. Onay işaretleri, eksen etiketlerinin yanındaki küçük çizgilerdir.
  • lt - [Varsayılan] Tüm etiketler için hem eksen çizgisi hem de onay işaretleri çizin.
  • _ - (Alt çizgi) Eksen çizgisini veya onay işaretini çizin. Bir eksen çizgisini gizlemek istiyorsanız bu değeri kullanın.
<tick_color>
[İsteğe bağlı; Google-o-meter'de desteklenmez] RRGGBB onaltılık biçiminde onay işareti rengi. Varsayılan ayar gridir.
<opt_axis_color>
[İsteğe bağlı] Bu eksen çizgisinin RRGGBB onaltılık biçiminde rengi. Varsayılan ayar gridir.

 

Örnekler

Açıklama Örnek

İkinci x ekseni (Ocak, Şubat, Mart) için yazı tipi boyutu ve rengi belirtilir.

Min, ortalama ve maks. değerleri, sağda 0, 1, 2, 3 ve 4, x ekseninde 0-100, aşağıda ise mavi renkle Ocak, Şubat ve Mar değerleri olan çizgi grafik

chxt=x,y,r,x
chxr=2,0,4
chxl=3:|Jan|Feb|Mar|
     1:|min|average|max
chxp=1,10,35,75
chxs=3,0000DD,13,0,t

Sağ y ekseni için yazı tipi boyutu, rengi ve hizalaması belirtilmiştir. Onay işaretleri, eksen çizgisi çizilmemiştir.

X ekseni boyunca 0-100, aşağıda Ocak, Şubat, Mart, y ekseninde 0-4 arası ve sağdaki min., ortalama ve maksimum değerleri için mavi metin içeren kırmızı onay işaretleri içeren çizgi grafik.

chxt=x,y,r,x
chxl=3:|Jan|Feb|Mar|
     2:|min|average|max
chxp=2,10,35,95
chxs=2,0000DD,13,-1,t,FF0000

Bu grafik üç veri kümesi içerir ve seri başına bir tane olacak şekilde üç eksen etiketi grubu gösterir. Her etiket grubu, aşağıda açıklandığı gibi özel bir biçimlendirme dizesi kullanılarak biçimlendirilir:

  • 0N*e,000000|
    • 0, ilk veri dizisi anlamına gelir
    • N, biçimlendirme dizesi anlamına gelir
    • *, biçim belirticilerin başlangıcı anlamına gelir
    • e, bilimsel gösterim anlamına gelir
    • *, biçim belirticilerin sonu anlamına gelir
    • 000000, siyah metin anlamına gelir.
  • 1N*cUSD*Mil,FF0000|
    • 1 ikinci seri anlamına gelir
    • N, biçimlendirme dizesi anlamına gelir
    • *, biçim belirticilerin başlangıcı anlamına gelir
    • c, para birimi işaretçisi anlamına gelir
    • USD, kullanılacak para birimi işaretçisi olarak ABD dolarını belirtir
    • *, biçim belirteçlerinin sonu anlamına gelir
    • Mil, değişmez bir sonraki dizedir
    • FF0000 kırmızı metin anlamına gelir.
  • 2N*sz2*,0000FF
    • 2 üçüncü seri anlamına geliyor
    • N, biçimlendirme dizesi anlamına gelir
    • *, biçim belirticilerin başlangıcı anlamına gelir
    • s, gruplandırma belirteçlerini göstermek anlamına gelir (ABD İngilizcesi yerel ayarında, her üç sıfırda bir virgüldür)
    • z2, sonda iki sıfır göster anlamına gelir
    • 0000FF, mavi metin anlamına gelir.

Eksen etiketi aralıkları chxr parametresi (axis_index, axis_index, axis_index, axis_index) kullanılarak ayarlanır. Ayarlanmasaydı değerler varsayılan olarak 0-100 olacaktı.


chd=s:
  984sttvuvkQIBLKNCAIi,
  DEJPgq0uov17zwopQODS,
  AFLPTXaflptx159gsDrn
chxr=
  0,0,1000000,250000|
  1,0,60|
  2,0,5000
chxs=
  0N*e,000000|
  1N*cUSD*Mil,FF0000|
  2N*sz2*,0000FF

Başa dön

Eksen Onay İşareti Stilleri chxtc

Belirli eksenler için uzun onay işaretleri belirtebilirsiniz. Genellikle bu, onay işaretini bir grafiğin uzunluğu boyunca genişletmek için kullanılır. Onay işareti rengini değiştirmek için chxs parametresini kullanın.

Birden fazla eksen değeri dikey çizgi karakteri (|) kullanılarak ayrılmalıdır. Seri içindeki değerler virgülle ayrılmalıdır.

Söz dizimi

chxtc=
  <axis_index_1>,<tick_length_1>,...,<tick_length_n>
    |...|
  <axis_index_m>,<tick_length_1>,...,<tick_length_n>
<axis_index>
Bu özelliğin geçerli olduğu eksen. Bu, chxt parametresine ait sıfır tabanlı bir dizindir. Farklı eksenlerin değerlerini çubuk ayırıcı kullanarak ayırın.
<tick_length_1>,...,<tick_length_n>
O eksendeki onay işaretlerinin piksel cinsinden uzunluğu. Tek bir değer verilirse bu değer tüm değerler için geçerli olur. Birden fazla değer verilirse eksen onay işaretleri, o eksendeki değer listesinde geçiş yapar. Pozitif değerler, grafik alanının dışına çizilir ve grafik kenarlıklarından kırpılır. Maksimum pozitif değer 25'tir. Negatif değerler, grafik alanının içinde çizilir ve grafik alanı kenarlıkları tarafından kırpılır.

 

Örnekler

Açıklama Örnek

Uzun kırmızı onay işaretleri oluşturmak için chxtc kullanımını gösteren örnek. Buradaki onay işareti uzunluğu grafik alanının genişliğini aşıyor ancak grafiğe sığacak şekilde kırpılır.

  • chxt=x,y,r,x - Bir sol eksen, bir sağ eksen ve iki alt eksen gösterin.
  • chxl=2:|min|average|max|3:|Jan|Feb|Mar - "r" (sağ taraf) ve dış x eksenlerine atanan etiket metni.
  • chxp=2,10,35,95 - Üç etiket için r ekseni (dizin=2) boyunca özel etiket konumları.
  • chxs=2,0000dd,13,-1,t,FF0000 - r ekseni için eksen etiketi stilleri: metin rengi, metin boyutu, sola hizalanmış, kırmızı onay işaretleriyle birlikte.
  • chxtc=1,10|2,-180 - Y ve r eksenleri için eksen onay çizgisi uzunlukları. İlk değer, eksenin dışında, 10 piksel uzunluğundaki değer çizgilerini belirtir. İkinci değer, eksen içindeki 180 piksel uzunluğundaki değer çizgilerini belirtir. Negatif sayı, onay işaretinin eksenin içine girdiği ve onay işaretinin grafiğin içine sığacak şekilde kırpıldığı anlamına gelir.

X ekseninde 0-100, aşağıda Ocak, Şubat, Mart, y ekseninde 0-4 arası ve sağdaki min., ortalama ve maksimum değerleri için mavi metin içeren uzun kırmızı onay işaretleri içeren çizgi grafik.

chxt=x,y,r,x
chxl=
  2:|min|average|max|
  3:|Jan|Feb|Mar
chxp=2,10,35,95
chxs=
  2,0000dd,13,-1,t,FF0000
chxtc=1,10|2,-180

Bu grafikte alternatif değer çizgisi uzunlukları gösterilmektedir. chxtc, y ekseni için iki onay işareti uzunluğu değeri (5 ve 15) belirtir. Grafikte çizilen değer işaretleri ise iki değer arasında değişim gösterir.
chxt=x,y
chxtc=
  1,5,15

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

Gradyan Dolguları chf [Çizgi, Çubuk, Google ölçer, Radar, Dağılım,Venn]

Grafik alanlarına ya da arka planlara bir ya da daha fazla renk geçişi dolgusu uygulayabilirsiniz. Gradyan dolguları bir renkten diğerine şeffaflaştırılır. (Pasta, Google sayaç grafikleri: yalnızca arka plan.)

Her renk geçişi dolgusu bir açıyı ve daha sonra belirtilen konuma sabitlenmiş iki veya daha fazla renk belirtir. Renk, bir bağlayıcıdan diğerine geçerken değişiklik gösterir. Birinin şeffaflaşarak diğerinin rengine dönüşebilmesi için farklı <color_centerpoint> değerlerine sahip en az iki renginiz olmalıdır. Her ek renk geçişi bir <color>,<color_centerpoint> çiftiyle belirtilir.

Söz dizimi

chf=<fill_type>,lg,<angle>,<color_1>,<color_centerpoint_1>
    ,...,
  <color_n>,<color_centerpoint_n>
<fill_type>
Doldurulacak grafik alanı. Şunlardan biri:
  • bg - Arka plan dolgusu
  • c - Grafik alanı dolgusu.
  • b<index> - Çubuk gradyan dolguları (yalnızca çubuk grafikler). <index> ifadesini, bir renk geçişiyle doldurmak için çubukların seri diziniyle değiştirin. Örnek için Çubuk Grafik Serisi Renkleri bölümüne bakın.
lg
Renk geçişi dolgusunu belirtir.
<angle>
0 (yatay) ile 90 (dikey) arasındaki renk geçişinin açısını belirten bir sayı.
<color>
Dolgunun, RRGGBB onaltılık biçiminde rengi.
<color_centerpoint>
Rengin dayanak noktasını belirtir. Renk, başka bir çapalamaya yaklaştıkça bu noktadan itibaren solmaya başlar. Değer aralığı <angle> ile belirtilen açıda eğililmiş 0,0 (alt veya sol kenar) ile 1,0 (üst veya sağ kenar) arasındadır.

 

Örnekler

Açıklama Örnek

Grafik alanı, sıfır derece (0) ile belirtilen yatay doğrusal bir gradyan içeriyor.

Renkler şeftali rengi (FFE7C6), sol kenarda ortalanmış (0.0. konum) ve mavi (76A4FB), sağ tarafta ortalanmış (1.0. konum).

Grafik arka planı gri renkte çizilir (EFEFEF).

Soluk gri arka plan ve soldan sağa beyazdan maviye doğru doğrusal gradyan içinde grafik alanı içeren koyu gri çizgi grafik

chf=
  c,lg,0,
  FFE7C6,0,
(şeftali)
  76A4FB,1
(mavi)

Grafik alanında kırk beş derecelik (45) bir açıyla belirtilen çapraz (sol alttan sağ üste) doğrusal gradyanı var.

Şeftali (FFE7C6) belirtilen ilk renktir. Grafiğin sol alt kısmı saf şeftali rengidir.

Mavi (6A4FB), belirtilen ikinci renktir. Grafiğin sağ üst kısmı tamamen mavidir. Sağ üst köşeye doğru yavaşça kaybolan mavi bir tepe sağlamak için 0, 75 değerini nasıl belirttiğimize dikkat edin.

Grafik arka planı gri renkte çizilir (EFEFEF).

Sol alttan sağ üste beyaz-mavi arası doğrusal gradyan içinde soluk gri arka plan ve grafik alanı içeren koyu gri çizgi grafik

chf=
  c,lg,45,
  FFE7C6,0,
(şeftali)
  76A4FB,0.75
(mavi)

Grafik alanında doksan derecelik (90) bir açıyla belirtilen dikey (yukarıdan aşağıya) bir doğrusal gradyan var.

Belirtilen ilk renk mavi (76A4FB). Grafiğin üst kısmı mavidir.

Şeftali (FFE7C6), belirtilen ikinci renktir. Grafiğin alt kısmı şeftali rengidir.

Grafik arka planı gri renkte çizilir (EFEFEF).

Beyazdan maviye doğru, aşağıdan yukarıya doğru doğrusal gradyan içinde soluk gri arka plan ve grafik alanı içeren koyu gri çizgi grafik

chf=
  c,lg,90,
  FFE7C6,0,
(şeftali)
  76A4FB,0.5
(mavi)

Başa dön

 

Çizgili dolgular chf [Çizgi, Çubuk, Google saati, Radar, Dağılım, Venn]

Grafik alanınız veya grafiğin tamamı için çizgili bir arka plan dolgusu belirtebilirsiniz. (Pasta, Google sayaç grafikleri: yalnızca arka plan.)

Söz dizimi

chf=
  <fill_type>,ls,<angle>,<color_1>,<width_1>
    ,...,
  <color_n>,<width_n>
<fill_type>
Doldurulacak grafik alanı. Şunlardan biri:
  • bg - Arka plan dolgusu
  • c - Grafik alanı dolgusu
  • b<index> - Çubuk çizgili dolgular (yalnızca çubuk grafikler). <index> ifadesini şeritlerle dolduracak çubukların seri diziniyle değiştirin. Örnek için Çubuk Grafik Serisi Renkleri bölümüne bakın.
ls
Doğrusal şerit dolgusunu belirtir.
<angle>
Tüm şeritlerin y eksenine göre açısı. Dikey çizgiler için 0, yatay çizgiler için 90 kullanın.
<color>
Bu şeridin RRGGBB onaltılık biçiminde rengi. Ek her şerit için <color> ve <width> değerlerini tekrarlayın. En az iki şeridiniz olmalıdır. Çizgiler, grafik doldurulana kadar değişir.
<width>
Bu şeridin genişliği (0 ile 1 arası). Burada 1, grafiğin tam genişliğidir. Çizgiler, grafik doldurulana kadar tekrarlanır. Ek olan her şerit için <color> ve <width> özelliklerini tekrarlayın. En az iki şeridiniz olmalıdır. Çizgiler, grafik doldurulana kadar değişir.

 

Örnekler

Açıklama Örnek
  • bg,ls,0 - Arka plan şeridinde, y ekseniyle sıfır derecelik açıyla (y eksenine paralel) şeritler bulunur. Şeritler, grafik arka planını ve çizim alanını doldurur.
  • CCCCCC,0.15 - İlk şerit koyu gridir ve grafiğin% 15 genişliğindedir.
  • FFFFFF,0.1 - İkinci şerit, grafiğin% 10 genişliğinde olacak şekilde beyazdır.
Soldan sağa sırayla gri ve beyaz şeritlerin bulunduğu mavi çizgi grafik
chf=
  bg,ls,0,
  CCCCCC,0.15,
  FFFFFF,0.1
  • c,ls,90 - Y ekseninden doksan derece açıyla yatay şeritlere sahip grafik alanı. Çizgiler çizim alanını doldurur ancak grafik arka planı atlanır.
  • 999999,0.25 - İlk şerit koyu gridir ve grafik kadar% 25 genişliğindedir.
  • CCCCCC,0.25 - İlk şeritle aynı ancak daha açık gri.
  • FFFFFF,0.25 - İlk şeritle aynı, ancak beyaz.
Alttan üste doğru koyu gri, soluk gri, beyaz ve koyu gri şeritler içeren mavi çizgi grafik
chf=
  c,ls,90,
  999999,0.25,
  CCCCCC,0.25,
  FFFFFF,0.25

Başa dön

Data Functions chfd [Tüm chd grafikleri]

muParser işlev söz dizimini kullanarak grafik verileri üzerinde çalışacak özel bir işlev belirtebilirsiniz. İşlevde kullanılan veriler iki kaynaktan birinden gelebilir:

  • chd kaynağından bir veri serisi: Veriler chd öğesinde belirtilen seriden alınır.
  • chfd parametresinin kendisinde tanımlanan bir değer aralığı: İsteğe bağlı bir veri aralığı için başlangıç, bitiş ve adım değeri tanımlarsınız.

Her durumda, çıkışı chd işlevindeki mevcut bir seriye atamanız gerektiğini unutmayın. İşlev çıkışı, bu serinin üzerine yazar. Grafik yalnızca tüm işlevler işleme alındıktan sonra oluşturulur. Bu nedenle, aynı veri serisine çıkış yapmak için birden fazla işlev atarsanız işlevler verilen sırayla çalıştırılır. Ancak yalnızca son işlevin çıktısı grafiğe çizer. İşlevleri zincir haline getirebileceğinizi, böylece bir işlevin, önceki bir işlevin çıktısı olan bir seriyi girdi olarak alabileceğini unutmayın.

Bir işlev çizgisine renk veya chm işaretçi atamak için işlevin seri dizinine renkleri veya işaretçileri atayın. İşaretçilerin, işlev tarafından değiştirildikten sonra verilere göre yerleştirildiğini unutmayın.

Söz dizimi

chfd=
  <output_series_index>,<function_data>,<function_string>
    |...|
  <output_series_index>,<function_data>,<function_string>
<output_series_index>
İşlev çıkışının yazılacağı chd içindeki bir veri dizisinin sıfır tabanlı dizini. İşlev çıkışı, mevcut tüm verilerin tamamen üzerine yazılır. Seri, bir işlev için girdi olarak kullanılmıyorsa en iyi uygulama, o seriye tek bir model değer atamaktır.
<function_data>
Grafiği çizilecek değişkenler ve veriler. Veriler, tanımladığınız bir aralıktan veya chd veri serilerinden birinden alınabilir. Birden fazla değişken için ; (noktalı virgül) sınırlayıcı kullanarak her işlev için birden fazla değişken belirtebilirsiniz. Tek bir işlev için birden fazla değişken tanımlarsanız ve bu değişkenlerin noktaları farklıysa, işlevin ilk uç noktaya ulaştığında duracağını unutmayın. Örneğin, bir işlev hem x=1-5 1. adımı hem de y=1-10 1. adımı tanımlarsa işlev beşinci noktaya ulaştığında sona erer.
    <variable_name>,<input_series_index>
        
VEYA
    <variable_name>,<start>,<end>,<step>
  • variable_name: Değişken için rastgele bir dize adı. Bunu, function_string tarafından tanımlanan işlevde kullanın.
  • input_series_index - Giriş verisi olarak kullanılacak chd veri serisinin dizini.
  • start - Bir aralığın sayısal başlangıç değeri.
  • bitiş - Bir aralığın sayısal bitiş değeri.
  • step - start ile end arasındaki sayısal adım değeri. Pozitif veya negatif olabilir, ancak sıfır olamaz.
Örnekler: x,0,100,1; 0, 1, 2, ... 100 değerlerine sahip x adlı bir değişken tanımlar. x,0,100,1;r,0,3.1,.1 aynı x değişkenini ve 0, 0,1, 0,2, ..., 3,0, 3,1 değerlerine sahip r adlı bir değişkeni tanımlar. x,0, ilk chd serisindeki verileri kullanan x adlı bir değişken bildirir. Bu değişkenler function_string tarafından kullanılır. Bunlar, function_string içinde belirtmediğiniz sürece grafikte çizilmez. Adım ne kadar küçükse grafiğiniz o kadar düzgün olur.
<function_string>
muParser söz dizimiyle yazılan işleviniz. İşlev, variable_data içinde belirtilen değişkenlere ve verilere uygulanır. Yalnızca bu yerel işlev grubunda belirtilen değişkenlere başvurabilirsiniz, başka bir dikey çizgili chfd parametre grubunda bildiremezsiniz. Özet muParser işlevleri desteklenmiyor (min., maks. toplam, ort.). ÖNEMLİ: İşlevlerinizde + yerine %2B kullanmayı unutmayın.

 

Örnekler

Açıklama Örnek

Basit bir sinüs dalgası. Dikkat edilmesi gereken bazı noktalar:

  • chd=t:-1 - Verilerimiz chfd parametresinde tanımlandığından grafik verileri için temsili bir değişken kullanırız.
  • chco=FF0000: İlk seri için kırmızı belirtilir. chd verilerini kullanmasak da, noktayla çizilen işlev için söz konusu seriye karşılık gelen renk kullanılır.
  • chfd=0,x,0,11,0.1,sin(x)*50%2B50 - 0-11 değerleriyle 0,1 artımlı x adlı bir değişken tanımlıyoruz. İlk seriye atanır, yani ilk seri rengini (FF0000) alır. x'e uygulanan işlev, sin(x) * 50 + 50'dir. Bu işlevde + işaretini nasıl kodlamamız gerektiğine dikkat edin.

 

Chfd ile belirtilen sinüs dalgası
cht=lc
chd=t:-1
chco=FF0000
chfd=
  0,x,0,11,0.1,sin(x)*50%2B50
chxt=x,y
Bu satırda chd parametresine ait veriler kullanılır.
chd=t:5,10
chfd=0,x,0,x*4

İşlevsel ve işlevsiz satırların karışımı.

Renklerin, seri renk parametresi chco tarafından nasıl belirtildiğine dikkat edin.

İşlev çıkışındaki işaretçilerin yerleşimine dikkat edin.Veri noktaları başlangıç, bitiş ve adım adımlarından hesaplanır.Dolayısıyla aralığınız 0-11 adım 0,1, nokta 0, 0, 1 nokta 0, 1 ve devam etmesi halinde, nokta 110'a kadar (11 değerini alır) hesaplanır.

Chfd ve verileri için chd kullanan bir seri.
chd=t:
  -1
  15,45
chco=
  FF0000,000000
chfd=
  0,x,0,11,0.1,sin(x)*50%2B50
chm=
  c,00A5C6,0,110,10
  a,00A5C6,0,60,10

Bir işlevi iki boyutta tanımlamak için lxy grafiği kullanın, iki model seri ve her birine bir işlev atayın.

  • 0,x,0,10,0.1,sin(x)*50%2B50 - Seri 0 (x ekseni değerleri), 0-10 arası değerlere sahip x adlı bir değişkene, adım 0.1'e ve bir işlev olan sin(x)*50 + 50'ye sahiptir
  • 0,y,0,10,0.1,sin(y)*50%2B50 - Seri 0 (y ekseni değerleri), 0-10 arası değerlere sahip y adlı bir değişkene, adım 0.1'e ve bir işlev olan sin(x)*50 + 50
Daire
cht=lxy
chd=t:-1|-1
chfd=
  0,x,0,10,0.1,sin(x)*50%2B50|
  1,y,0,10,0.1,cos(y)*50%2B50

chfd parametresi, yaratıcılığınızı göstermenize gerçekten yardımcı olabilir.

Açmak ve grafik oyun alanında kullanmak için bu resimleri tıklamayı deneyin. Çok beğeneceksiniz!



Başa dön