Histogram

Animasyonun süresi (milisaniye cinsinden). Ayrıntılar için animasyon dokümanlarına bakın.

Animasyona uygulanan yumuşak geçiş işlevi. Aşağıdaki seçenekler kullanılabilir:

• "doğrusal" - Sabit hız.
• 'in' - Yavaş gir - Yavaşça başlayıp hızlan.
• 'out' - Yumuşak çıkış - Hızlı başlayın ve yavaşlayın.
• 'inAndOut' - Yumuşak giriş ve çıkış - Yavaş başlayın, hızla başlayın, daha sonra yavaşlayın.

Grafikteki ilk çizimde animasyonun gösterilip gösterilmeyeceğini belirler. Değer true ise grafik, referans değerden başlar ve son durumuna kadar canlandırılır.

Grafik alanına kıyasla eksen başlıklarının yerleştirileceği yer. Desteklenen değerler:

• içinde - Eksen başlıklarını grafik alanı içine çizin.
• dışa - Eksen başlıklarını grafik alanının dışına çizin.
• yok - Eksen başlıklarını atlayın.

Grafiğin ana alanı için arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') veya aşağıdaki özelliklere sahip bir nesne olabilir.

HTML renk dizesi olarak grafik kenarlığının rengi.

Piksel cinsinden kenarlık genişliği.

HTML renk dizesi olarak grafik dolgu rengi.

• Pikseller (ör. 50).
• Her bir grup için kullanılabilir genişliğin yüzdesi (ör. "%20"). Burada "%100", grupların aralarında boşluk olmadığını gösterir.

Grafik alanının yerleşimini ve boyutunu yapılandırmak için üyelere sahip bir nesne (eksen ve göstergeler hariç, grafiğin kendisinin çizildiği yer). İki biçim desteklenir: bir sayı veya ardından % gelen sayı. Basit bir sayı, piksel cinsinden bir değerdir, ardından % gelen sayının ardından gelen bir yüzdedir. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke: Onaltılık dize veya İngilizce renk adı olarak sağlanan renk.
• strokeWidth: Varsa belirtilen genişlikteki (ve stroke rengiyle) grafik alanının etrafına bir kenarlık çizer.

Grafiğin sol kenarlıktan ne kadar uzağa çizileceği.

Grafiğin üst kenarlıktan ne kadar uzakta çizileceği.

Grafik alanı genişliği.

Grafik alanı yüksekliği.

Grafik öğeleri için kullanılacak renkler. Her öğenin bir HTML renk dizesi olduğu bir dize dizisi. Örneğin: colors:['red','#004411'].

1.0 tamamen opak ve 0.0 tamamen şeffaf olmak üzere veri noktalarının şeffaflığı. Dağılım, histogram, çubuk ve sütun grafiklerinde bu, görünür verileri ifade eder: dağılım grafiğindeki noktalar ve diğerlerinde dikdörtgenler. Çizgi ve alan grafikleri gibi veri seçiminin nokta oluşturduğu grafiklerde bu, fareyle üzerine gelindiğinde veya seçim yapıldığında görünen daireleri ifade eder. Karma grafik her iki davranışı da gösterir ve bu seçeneğin diğer grafikler üzerinde herhangi bir etkisi yoktur. (Trend çizgisinin opaklığını değiştirmek için trend çizgisinin opaklığı bölümünü inceleyin.)

Grafiğin kullanıcı tabanlı etkinlikler yayınlaması veya kullanıcı etkileşimine tepki verip vermemesi. False (yanlış) değerine ayarlanırsa grafik, "select" ya da diğer etkileşime dayalı etkinlikleri bildirmez (ancak "hazır" veya hata etkinlikleri ayarlamaz) ve fareyle üzerine gelindiğinde görüntülenen metni görüntülemez veya kullanıcı girişine bağlı olarak başka bir şekilde değişmez.

Fareyle üzerine gelindiğinde odaklanılan varlığın türü. Ayrıca fare tıklamasıyla hangi varlığın seçileceğini ve hangi veri tablosu öğesinin etkinliklerle ilişkilendirileceğini de etkiler. Şunlardan biri olabilir:

• "veri" - Tek bir veri noktasına odaklanın. Veri tablosundaki bir hücreyle ilişkilendirilir.
• "kategori" - Ana eksendeki tüm veri noktalarının gruplandırmasına odaklanır. Veri tablosundaki bir satırla ilişkilendirilir.

OdakHedef "kategori" aracındaki ipucu, tüm kategori değerlerini gösterir. Bu işlem, farklı serilerin değerlerini karşılaştırırken işinize yarayabilir.

Grafikteki tüm metnin piksel cinsinden varsayılan yazı tipi boyutu. Belirli grafik öğelerine ait özellikleri kullanarak bunu geçersiz kılabilirsiniz.

Grafikteki tüm metinler için varsayılan yazı tipi yüzü. Belirli grafik öğelerine ait özellikleri kullanarak bunu geçersiz kılabilirsiniz.

Grafiği bir satır içi çerçevenin içine çizer. (IE8'de bu seçeneğin yoksayıldığını unutmayın. Tüm IE8 grafikleri, iç çerçeveler kullanılarak çizilir.)

Çeşitli yatay eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    

Yatay eksende kılavuz çizgilerini yapılandırmaya yönelik özelliklere sahip bir nesne. Yatay eksen kılavuz çizgilerinin dikey olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz:

{color: '#333', minSpacing: 20}

Grafik alanındaki yatay kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu değer, kılavuz çizgileri arasında minSpacing hesaplaması için kullanılır. Yalnızca bir kılavuz çizgisi çizmek için 1 değerini veya kılavuz çizgisi çizmek için 0 değerini belirtebilirsiniz. Diğer seçeneklere göre kılavuz çizgilerinin sayısını otomatik olarak hesaplamak için varsayılan değer olan -1 değerini belirtin.

Bitişik kılavuz çizgileri arasındaki boyut dizisi (piksel olarak değil, veri değerleri olarak). Bu seçenek şu anda yalnızca sayısal eksenler için kullanılabilir ancak yalnızca tarih ve saatler için kullanılan gridlines.units.<unit>.interval seçeneklerine benzer. Doğrusal ölçekler için varsayılan [1, 2, 2.5, 5], kılavuz çizgisi değerlerinin her birim (1), eşit birimler (2) veya 2,5 ya da 5'in katları olabileceği anlamına gelir. Bu değerlerin 10 ile çarpımının kuvveti de dikkate alınır (ör. [10, 20, 25, 50] ve [0,1, 0,2, 0,25, 0,5]). Günlük ölçekleri için varsayılan değer [1, 2, 5] şeklindedir.

Altı eksen ana kılavuz çizgileri arasında piksel cinsinden minimum ekran alanı. Ana kılavuz çizgileri için varsayılan olarak doğrusal ölçekler için 40, logaritmik ölçekler için 20 kullanılır. minSpacing yerine count değerini belirtirseniz minSpacing sayıya göre hesaplanır. Buna karşılık, count yerine minSpacing özelliğini belirtirseniz sayı minSpacing kullanılarak hesaplanır. İkisini de belirtirseniz minSpacing geçersiz kılınır.

Tüm kılavuz çizgisi ve değer çizgisi değerleri, bu seçeneğin değerinin katı olmalıdır. Aralıkların aksine, çarpanın 10 katındaki kuvvetlerin dikkate alınmadığını unutmayın. Yani, gridlines.multiple = 1 belirterek değer çizgilerini tam sayı olmaya zorlayabilir veya gridlines.multiple = 1000 değerini belirterek değer işaretlerini 1000'in katları olmaya zorlayabilirsiniz.

Grafik olarak hesaplanan kılavuz çizgileriyle birlikte kullanıldığında tarih/tarih/saat/günün belirli özellikleri için varsayılan biçimi geçersiz kılar. Yıl, ay, gün, saat, dakika, saniye ve milisaniye için biçimlendirmeye izin verir.

Genel biçim şöyledir:

gridlines: {
  units: {
    years: {format: [/*format strings here*/]},
    months: {format: [/*format strings here*/]},
    days: {format: [/*format strings here*/]}
    hours: {format: [/*format strings here*/]}
    minutes: {format: [/*format strings here*/]}
    seconds: {format: [/*format strings here*/]},
    milliseconds: {format: [/*format strings here*/]},
  }
}
    

Daha fazla bilgiye Tarihler ve Saatler bölümünden ulaşabilirsiniz.

hAxis.gridlines seçeneğine benzer şekilde, yatay eksende alt kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne.

Grafik alanındaki yatay küçük kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Sayısı 0'a ayarlanarak küçük kılavuz çizgilerinin devre dışı bırakılması dışında, minorGridlines.count seçeneği çoğunlukla kullanımdan kaldırılmıştır. Alt kılavuz çizgilerinin sayısı artık tamamen ana kılavuz çizgileri (bkz. hAxis.gridlines.interval) ile gerekli minimum alan (bkz. hAxis.minorGridlines.minSpacing) arasındaki aralığa bağlıdır.

privateGridlines.interval seçeneği ana kılavuz çizgileri aralık seçeneğine benzer ancak seçilen aralık her zaman ana kılavuz çizgisi aralığının eşit böleni olur. Doğrusal ölçekler için varsayılan aralık [1, 1.5, 2, 2.5, 5], günlük ölçekleri içinse [1, 2, 5] şeklindedir.

Bitişik alt kılavuz çizgileri arasında ve alt ile ana kılavuz çizgileri arasındaki piksel cinsinden gerekli minimum alan. Varsayılan değer, doğrusal ölçekler için ana kılavuz çizgilerinin minSpacing değerinin 1/2'si ve logaritmik ölçekler için minSpacing değerinin 1/5'idir.

Ana gridlines.multiple için aynıdır.

Grafik olarak hesaplanan alt kılavuz çizgileriyle birlikte kullanıldığında tarih/tarih/saat/günün saati veri türlerinin çeşitli yönleri için varsayılan biçimi geçersiz kılar. Yıl, ay, gün, saat, dakika, saniye ve milisaniye için biçimlendirmeye olanak tanır.

Genel biçim şöyledir:

gridlines: {
  units: {
    years: {format: [/*format strings here*/]},
    months: {format: [/*format strings here*/]},
    days: {format: [/*format strings here*/]}
    hours: {format: [/*format strings here*/]}
    minutes: {format: [/*format strings here*/]}
    seconds: {format: [/*format strings here*/]},
    milliseconds: {format: [/*format strings here*/]},
  }
}
    

Daha fazla bilgiye Tarihler ve Saatler bölümünden ulaşabilirsiniz.

Yatay eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Yatay eksen metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Yatay eksenin başlığını belirten hAxis özelliği.

Yatay eksen başlığı metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Yanlış değerine ayarlanırsa grafik kapsayıcısı tarafından kırpılmasına izin vermek yerine en dıştaki etiketler gizlenir. Doğru değerine ayarlanırsa etiketin kırpılmasına izin verir.

Doğru değerine ayarlanırsa yatay eksen metnini eksene daha fazla metin sığdırmak için belirli bir açıyla çizin. Yanlış değerine ayarlanırsa yatay eksen metnini dik doğru çizin. Metin dik bir şekilde çizildiğinde metnin tamamı sığmıyorsa varsayılan davranış eğim şeklindedir. Bu seçeneğin yalnızca hAxis.textPosition "out" (varsayılan) değerine ayarlandığında kullanılabilir olduğuna dikkat edin. Tarih ve saatler için varsayılan değer false'tir.

Eğik çizilmişse yatay eksen metninin açısı. hAxis.slantedText değeri false ise veya otomatik moddaysa ve grafik metni yatay olarak çizmeye karar verdiyse yoksayılır. Açı pozitifse saat yönünün tersine, negatifse saat yönündedir.

Maksimum yatay eksen metni düzeyi sayısı. Eksen metin etiketleri çok kalabalık olursa sunucu, etiketleri birbirine daha yakın yerleştirmek için komşu etiketleri yukarı veya aşağı kaydırabilir. Bu değer, kullanılacak en fazla seviye sayısını belirtir. Etiketler çakışmadan sığabiliyorsa sunucu daha az seviye kullanabilir. Tarih ve saatler için varsayılan değer 1'dir.

Metin etiketleri için izin verilen maksimum satır sayısı. Etiketler çok uzunsa birden çok satırı kapsayabilir ve satır sayısı varsayılan olarak kullanılabilir alanın yüksekliğiyle sınırlıdır.

Bitişik iki metin etiketi arasında izin verilen minimum yatay boşluk (piksel cinsinden). Etiketler arasında çok fazla boşluk bırakılmışsa veya çok uzunsa boşluk bu eşiğin altına düşebilir. Bu durumda, etiket temizleme önlemlerinden biri uygulanır (ör. etiketlerin kısaltılması veya bazılarının düşürülmesi).

Kaç tane yatay eksen etiketinin gösterileceği; 1, her etiketi gösterir, 2 diğer tüm etiketleri gösterir vb. anlamına gelir. Varsayılan değer, çakışmadan mümkün olduğunca çok sayıda etiket göstermeye çalışmaktır.

Grafik alanındaki değerleri oluşturmak için yatay eksenin nasıl ölçeklendirileceğini belirtir. Aşağıdaki dize değerleri desteklenir:

• "güzel": Yatay değerleri, maksimum ve minimum veri değerleri grafik alanının sol ve sağ tarafında biraz oluşturulacak şekilde ölçeklendirin. ViewWindow, sayılar için en yakın ana kılavuz çizgisine veya tarihler ve saatler için en yakın alt kılavuz çizgisine genişletilir.
• "maximized": Yatay değerleri, maksimum ve minimum veri değerleri grafik alanının sol ve sağına dokunacak şekilde ölçeklendirin. Bu işlem haxis.viewWindow.min ve haxis.viewWindow.max öğelerinin yoksayılmasına neden olur.
• "explicit" - Grafik alanının sol ve sağ ölçek değerlerini belirtmek için desteği sonlandırılmış seçenek. (haxis.viewWindow.min ve haxis.viewWindow.max ile gereksiz olduğu için kullanımdan kaldırıldı.) Bu değerlerin dışındaki veri değerleri kırpılacak. Gösterilecek maksimum ve minimum değerleri açıklayan bir hAxis.viewWindow nesnesi belirtmeniz gerekir.

Yatay eksenin kırpma aralığını belirtir.

Kırpma penceresinin sona erdiği sıfır tabanlı satır dizini. Bu dizindeki ve daha yüksek veri noktaları kırpılır. vAxis.viewWindowMode.min ile birlikte, görüntülenecek öğe dizinlerini belirten yarı açık bir aralık [min, maks.] yarı açık bir aralığı tanımlar. Diğer bir deyişle, min <= index < max bu şekildeki her dizin görüntülenir.

hAxis.viewWindowMode "güzel" veya "büyütülmüş" olduğunda yoksayılır.

Kırpma penceresinin başladığı sıfır tabanlı satır dizini. Bundan daha düşük dizinlerdeki veri noktaları kırpılır. vAxis.viewWindowMode.max ile birlikte, görüntülenecek öğe dizinlerini belirten yarı açık bir aralık [min, maks.] yarı açık bir aralığı tanımlar. Diğer bir deyişle, min <= index < max bu şekilde olan her dizin görüntülenir.

hAxis.viewWindowMode "güzel" veya "büyütülmüş" olduğunda yoksayılır.

Algoritmik olarak belirlenmesine izin vermek yerine her bir histogram çubuğunun boyutunu sabit bir şekilde kodlayın.

Histogram blokları arasındaki ince bölümleri çıkararak, katı çubuklardan oluşan bir seri oluşturun.

Histogramın paket boyutunu hesaplarken üstteki ve alttaki yüzde lastBucketPercentile değerlerini yoksayın. Değerler histogramda yer almaya devam eder ancak paketlemeyi etkilemez.

Paket aralığını, bu değeri içerecek şekilde genişletin.

Paket aralığını, bu değeri içerecek şekilde genişletin.

Varsayılan paket sayısını hesaplama. Olası değerler:

• 'sqrt' - Veri noktası sayısının karekökünü hesaplar.
• 'sturges' - Binom dağılımından türetilir. Dolaylı olarak, yaklaşık olarak normal bir dağılım olduğunu varsayar.
• 'rice' - Sturges kuralına daha basit bir alternatif.

Grafiğin piksel cinsinden yüksekliği.

Eksik puanların değerinin tahmin edilip edilmeyeceği. Doğru değerine ayarlanırsa tüm eksik verilerin değeri komşu noktalara göre tahmin edilir. False (yanlış) değerine ayarlanırsa satırda bilinmeyen noktada bir boşluk bırakır.

Bu, isStacked: true/'percent'/'relative'/'absolute' seçenekli Alan grafikleri tarafından desteklenmez.

Doğru değerine ayarlanırsa tüm serilerin öğelerini her bir alan değerinde gruplandırır. Not: Sütun, Alan ve SteppedArea grafiklerinde Google Grafikleri, seri öğelerinin yığınla daha iyi uyuşması için gösterge öğelerinin sırasını tersine çevirir (ör. seri 0, en alttaki açıklama öğesi olur). Bu Çubuk Grafikler için geçerli değildir .

isStacked seçeneği, her bir alan değerindeki öğe yığınlarının toplamı% 100'e eşit olacak şekilde yeniden ölçeklendirilen %100 yığınlamayı da destekler.

isStacked için seçenekler şunlardır:

• false — öğeler gruplandırılmaz. Bu, varsayılan seçenektir.
• true — Her bir alan değerindeki tüm serilerin öğelerini yığınlar.
• 'percent': Her bir alan değerindeki tüm serilerin öğelerini yığınlar ve toplamları %100'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri %100 olarak hesaplanır.
• 'relative': Her bir alan değerindeki tüm serilerin öğelerini yığınlar ve bunların toplamı 1'e eşit olacak şekilde yeniden ölçeklendirir. Her öğenin değeri 1'den kesirli bir şekilde hesaplanır.
• 'absolute' — isStacked: true ile aynı şekilde çalışır.

%100 yığınlamada her öğenin hesaplanan değeri, ipucunda gerçek değerinden sonra görünür.

Hedef eksen varsayılan olarak göreli 0-1 ölçeğine göre değerleri, 'relative' için 1'in kesirleri şeklinde ve 'percent' için% 0-100 olarak işaretler. (Not: 'percent' seçeneği kullanılırken eksen/işaret değerleri yüzde olarak gösterilir, ancak gerçek değerler göreli 0-1 ölçek değerleridir. Bunun nedeni, yüzde eksenindeki değer işaretlerinin, göreli 0-1 ölçek değerlerine "%#.##" biçiminde bir biçim uygulanmasının sonucu olmasıdır. isStacked: 'percent' kullanırken göreli 0-1 ölçek değerlerini kullanarak değer çizgilerini/kılavuz çizgilerini belirttiğinizden emin olun. Kılavuz çizgilerini/işaret değerlerini ve biçimlendirmeyi uygun hAxis/vAxis seçeneklerini kullanarak özelleştirebilirsiniz.

%100 yığınlama, yalnızca number türündeki veri değerlerini destekler ve referans değeri sıfır olmalıdır.

Açıklamanın çeşitli yönlerini yapılandıran üyeleri içeren bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}

Açıklamaların hizalanması. Aşağıdakilerden biri olabilir:

• 'start' - Açıklama için ayrılan alanın başlangıcına hizalanır.
• "center": Açıklama için ayrılan alanın ortasındadır.
• 'end' - Açıklama için ayrılan alanın sonuna hizalanır.

Başlangıcı, ortası ve bitişi, göstergenin stiline (dikey veya yatay) bağlıdır. Örneğin, "sağ" açıklamalarda "start" ve "end" öğeleri sırasıyla üst ve aşağıda yer alır. "Üst" gösterge için "start" ve "end" sırasıyla alanın sol ve sağında yer alır.

Varsayılan değer, göstergenin konumuna bağlıdır. "Alt" göstergeler için varsayılan değer "center", diğer açıklamalar ise "start"tır.

Göstergedeki maksimum satır sayısı. Açıklamanıza satır eklemek için bunu birden büyük bir sayıya ayarlayın. Not: Oluşturulan gerçek satır sayısını belirlemek için kullanılan kesin mantık hâlâ değişkendir.

Bu seçenek şu anda yalnızca efsane.position "top" olduğunda çalışır.

Açıklamanın ilk seçilen sıfır tabanlı sayfa dizini.

Açıklamanın konumu. Aşağıdakilerden biri olabilir:

• "bottom": Grafiğin altında.
• "left" - Sol eksenle ilişkili seri olmadığı sürece grafiğin solunda. Göstergenin sol tarafta olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
• 'in' - Grafiğin içinde, sol üst köşede.
• "none" (hiçbiri) - Açıklama gösterilmez.
• "right" (sağ): Grafiğin sağında. vAxes seçeneği ile uyumlu değildir.
• "top" (üstte): Grafiğin üstünde.

Açıklama metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Grafiğin yönü. 'vertical' olarak ayarlandığında, (örneğin) sütun grafiğin çubuk grafik haline gelmesi ve alan grafiğinin yukarı değil de sağa doğru büyümesi için grafiğin eksenlerini döndürür:

Doğru değerine ayarlanırsa seriler sağdan sola doğru çizilir. Varsayılan olarak soldan sağa doğru çizim yapılır.

Her biri grafikte karşılık gelen serinin biçimini açıklayan bir nesne dizisi. Bir serinin varsayılan değerlerini kullanmak için boş bir nesne {} belirtin. Seri veya değer belirtilmezse genel değer kullanılır. Her nesne aşağıdaki özellikleri destekler:

• color - Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
• labelInLegend: Grafik açıklamasında görünecek serinin açıklaması.
• targetAxisIndex - Bu serinin hangi eksene atanacağı; 0 varsayılan eksen, 1 ise ters eksendir. Varsayılan değer 0'dır. Farklı serilerin farklı eksenlerde oluşturulduğu bir grafiği tanımlamak için 1 olarak ayarlanır. Varsayılan eksene en az bir seri ayrılmalıdır. Farklı eksenler için farklı ölçekler tanımlayabilirsiniz.
• visibleInLegend: Boole değeri; true, serinin bir gösterge girişine sahip olması gerektiği, false (yanlış) değerine sahip olması gerektiği anlamına gelir. Varsayılan değer, doğru değeridir.

Her biri seri için verilen sırayla geçerli olacak bir nesne dizisi belirtebilir veya her alt öğenin, hangi seriye geçerli olduğunu belirten sayısal bir anahtarın olduğu bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki beyan aynıdır ve ilk seri siyah ve açıklamada yok, dördüncüsü ise kırmızı ve açıklamada yok olarak tanımlanmıştır:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    

Tema, belirli bir grafik davranışı veya görsel efekt elde etmek için birlikte çalışan, önceden tanımlanmış bir dizi seçenek değerleridir. Şu anda yalnızca bir tema kullanılabilir:

• "maximized" - Grafiğin alanını en üst düzeye çıkarır, açıklamayı ve tüm etiketleri grafik alanı içinde çizer. Aşağıdaki seçenekleri ayarlar:

  chartArea: {width: '100%', height: '100%'},
  legend: {position: 'in'},
  titlePosition: 'in', axisTitlesPosition: 'in',
  hAxis: {textPosition: 'in'}, vAxis: {textPosition: 'in'}
          

Grafiğin üzerinde gösterilecek metin.

Grafik alanına kıyasla grafik başlığının yerleştirileceği yer. Desteklenen değerler:

• in - Başlığı grafik alanı içine çizin.
• dışa - Başlığı grafik alanının dışına çizin.
• none (hiçbiri) - Başlığı atlayın.

Başlık metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Çeşitli ipucu öğelerini yapılandırmak için üyeler içeren bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz:

{textStyle: {color: '#FF0000'}, showColorCode: true}

Doğru değerine ayarlanırsa (SVG tarafından oluşturulan yerine) HTML ile oluşturulan ipuçlarını kullanın. Daha fazla ayrıntı için İpucu İçeriğini Özelleştirme bölümüne bakın.

Not: HTML ipucu içeriğinin ipucu sütunu veri rolü aracılığıyla özelleştirilmesi balon grafik görselleştirmesi tarafından desteklenmez.

True (doğru) ise ipucunda seri bilgilerinin yanında renkli kareler gösterin. focusTarget "category" olarak ayarlandığında varsayılan değer doğru, aksi takdirde varsayılan değer false'tur.

İpucu metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

İpucunun görüntülenmesine neden olan kullanıcı etkileşimi:

• "Odak": Kullanıcı, öğenin üzerine geldiğinde ipucu gösterilir.
• "none" (hiçbiri): İpucu gösterilmez.

Grafikte birden fazla dikey eksen varsa tek tek dikey eksenlerin özelliklerini belirtir. Her alt nesne bir vAxis nesnesidir ve vAxis tarafından desteklenen tüm özellikleri içerebilir. Bu özellik değerleri, aynı mülk için tüm genel ayarları geçersiz kılar.

Birden fazla dikey eksene sahip bir grafik belirtmek için önce series.targetAxisIndex işlevini kullanarak yeni bir eksen tanımlayın, ardından vAxes kullanarak ekseni yapılandırın. Aşağıdaki örnekte seri 2 sağ eksene atanmakta ve bunun için özel bir başlık ve metin stili belirtilmektedir:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Bu özellik bir nesne veya dizi olabilir: Nesne, her biri tanımladığı ekseni belirten sayısal bir etikete sahip nesnelerden oluşan bir koleksiyondur. Bu, yukarıda gösterilen biçimdir; dizi, eksen başına bir tane olmak üzere bir nesne dizisidir. Örneğin, aşağıdaki dizi stilindeki gösterim, yukarıda gösterilen vAxis nesnesiyle aynıdır:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    

Çeşitli dikey eksen öğelerini yapılandırmak için üyeleri olan bir nesne. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}

Dikey eksen için referans değeri belirten vAxis özelliği. Referans çizgi en yüksek kılavuz çizgisinden daha büyük veya en alt ızgara çizgisinden küçükse en yakın kılavuz çizgisine yuvarlanır.

Dikey eksen için referans çizginin rengini belirtir. Herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'.

Dikey eksendeki değerlerin büyüdüğü yön. Varsayılan olarak, düşük değerler grafiğin alt kısmında yer alır. Değerlerin sırasını tersine çevirmek için -1 değerini belirtin.

Sayısal eksen etiketleri için bir biçim dizesi. Bu, ICU kalıbı grubunun bir alt kümesidir. Örneğin, {format:'#,###%'} 10, 7,5 ve 0,5 değerleri için "%1.000", "%750" ve "%50" değerlerini gösterir. Aşağıdakilerden herhangi birini de sağlayabilirsiniz:

• {format: 'none'}: Biçimlendirme olmadan (ör. 8000000)
• {format: 'decimal'}: Binlik ayırıcılar içeren sayıları gösterir (ör. 8.000.000)
• {format: 'scientific'}: Sayıları bilimsel gösterimde (ör. 8e6)
• {format: 'currency'}: Sayıları yerel para biriminde gösterir (ör. 8.000.000,00 $)
• {format: 'percent'}: Sayıları yüzde olarak gösterir (ör. %800.000.000)
• {format: 'short'}: kısaltılmış sayılar gösterir (ör. 8 milyon)
• {format: 'long'}: Sayıları tam kelimeler olarak görüntüler (ör. 8 milyon)

Etikete uygulanan gerçek biçimlendirme, API'nin yüklendiği yerel ayardan türetilir. Daha fazla ayrıntı için belirli bir yerel ayara sahip grafikleri yükleme bölümüne bakın.

İşaret değerlerini ve kılavuz çizgilerini hesaplarken, ilgili tüm kılavuz çizgisi seçeneklerinin çeşitli alternatif kombinasyonları dikkate alınır ve biçimlendirilmiş onay etiketlerinin yinelenmesi veya çakışması durumunda alternatifler reddedilir. Dolayısıyla, yalnızca tam sayı onay işareti değerlerini göstermek istiyorsanız format:"#" öğesini belirtebilirsiniz ancak bu koşulu karşılayan hiçbir alternatif yoksa kılavuz çizgisi veya değer çizgisinin gösterilmeyeceğini unutmayın.

Dikey eksende kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne. Dikey eksen kılavuz çizgilerinin yatay olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için burada gösterildiği gibi nesne değişmez değer gösterimini kullanabilirsiniz:

{color: '#333', minSpacing: 20}

Grafik alanındaki dikey kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı. gridlines.count için pozitif bir sayı belirtirseniz bu değer, kılavuz çizgileri arasında minSpacing hesaplaması için kullanılır. Yalnızca bir kılavuz çizgisi çizmek için 1 değerini veya kılavuz çizgisi çizmek için 0 değerini belirtebilirsiniz. Diğer seçeneklere göre kılavuz çizgilerinin sayısını otomatik olarak hesaplamak için varsayılan değer olan -1 değerini belirtin.

Bitişik kılavuz çizgileri arasındaki boyut dizisi (piksel olarak değil, veri değerleri olarak). Bu seçenek şu anda yalnızca sayısal eksenler için kullanılabilir ancak yalnızca tarih ve saatler için kullanılan gridlines.units.<unit>.interval seçeneklerine benzer. Doğrusal ölçekler için varsayılan [1, 2, 2.5, 5], kılavuz çizgisi değerlerinin her birim (1), eşit birimler (2) veya 2,5 ya da 5'in katları olabileceği anlamına gelir. Bu değerlerin 10 ile çarpımının kuvveti de dikkate alınır (ör. [10, 20, 25, 50] ve [0,1, 0,2, 0,25, 0,5]). Günlük ölçekleri için varsayılan değer [1, 2, 5] şeklindedir.

Altı eksen ana kılavuz çizgileri arasında piksel cinsinden minimum ekran alanı. Ana kılavuz çizgileri için varsayılan olarak doğrusal ölçekler için 40, logaritmik ölçekler için 20 kullanılır. minSpacing yerine count değerini belirtirseniz minSpacing sayıya göre hesaplanır. Buna karşılık, count yerine minSpacing özelliğini belirtirseniz sayı minSpacing kullanılarak hesaplanır. İkisini de belirtirseniz minSpacing geçersiz kılınır.

Tüm kılavuz çizgisi ve değer çizgisi değerleri, bu seçeneğin değerinin katı olmalıdır. Aralıkların aksine, çarpanın 10 katındaki kuvvetlerin dikkate alınmadığını unutmayın. Yani, gridlines.multiple = 1 belirterek değer çizgilerini tam sayı olmaya zorlayabilir veya gridlines.multiple = 1000 değerini belirterek değer işaretlerini 1000'in katları olmaya zorlayabilirsiniz.

Grafik olarak hesaplanan kılavuz çizgileriyle birlikte kullanıldığında tarih/tarih/saat/günün belirli özellikleri için varsayılan biçimi geçersiz kılar. Yıl, ay, gün, saat, dakika, saniye ve milisaniye için biçimlendirmeye izin verir.

Genel biçim şöyledir:

gridlines: {
  units: {
    years: {format: [/*format strings here*/]},
    months: {format: [/*format strings here*/]},
    days: {format: [/*format strings here*/]},
    hours: {format: [/*format strings here*/]},
    minutes: {format: [/*format strings here*/]},
    seconds: {format: [/*format strings here*/]},
    milliseconds: {format: [/*format strings here*/]}
  }
}
    

Daha fazla bilgiye Tarihler ve Saatler bölümünden ulaşabilirsiniz.

vAxis.gridlines seçeneğine benzer şekilde, dikey eksende alt kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne.

Grafik alanındaki dikey alt kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin.

Azınlık Gridlines.count seçeneğinin çoğu kullanımdan kaldırılmıştır. Bunun tek istisnası, sayının 0'a ayarlanmasıyla küçük kılavuz çizgilerinin devre dışı bırakılmasıdır. Alt kılavuz çizgilerinin sayısı, ana kılavuz çizgilerinin sayısı (bkz. vAxis.gridlines.interval) ile gerekli minimum alan (vAxis.minorGridlines.minSpacing) arasındaki aralığa bağlıdır.

privateGridlines.interval seçeneği ana kılavuz çizgileri aralık seçeneğine benzer ancak seçilen aralık her zaman ana kılavuz çizgisi aralığının eşit böleni olur. Doğrusal ölçekler için varsayılan aralık [1, 1.5, 2, 2.5, 5], günlük ölçekleri içinse [1, 2, 5] şeklindedir.

Bitişik alt kılavuz çizgileri arasında ve alt ile ana kılavuz çizgileri arasındaki piksel cinsinden gerekli minimum alan. Varsayılan değer, doğrusal ölçekler için ana kılavuz çizgilerinin minSpacing değerinin 1/2'si ve logaritmik ölçekler için minSpacing değerinin 1/5'idir.

Ana gridlines.multiple için aynıdır.

Grafik olarak hesaplanan alt kılavuz çizgileriyle birlikte kullanıldığında tarih/tarih/saat/günün saati veri türlerinin çeşitli yönleri için varsayılan biçimi geçersiz kılar. Yıl, ay, gün, saat, dakika, saniye ve milisaniye için biçimlendirmeye olanak tanır.

Genel biçim şöyledir:

gridlines: {
  units: {
    years: {format: [/*format strings here*/]},
    months: {format: [/*format strings here*/]},
    days: {format: [/*format strings here*/]}
    hours: {format: [/*format strings here*/]}
    minutes: {format: [/*format strings here*/]}
    seconds: {format: [/*format strings here*/]},
    milliseconds: {format: [/*format strings here*/]},
  }
}
    

Daha fazla bilgiye Tarihler ve Saatler bölümünden ulaşabilirsiniz.

Doğru değerine ayarlanırsa dikey ekseni logaritmik ölçek haline getirir. Not: Tüm değerler pozitif olmalıdır.

Dikey ekseni logaritmik ölçeğe dönüştüren vAxis özelliği. Aşağıdakilerden biri olabilir:

• null - Logaritmik ölçeklendirme yapılmaz.
• "log": Logaritmik ölçeklendirme. Negatif ve sıfır değerleri çizilmez. Bu seçenek, vAxis: { logscale: true } ayarlamasıyla aynıdır.
• "ayrorLog" - Negatif ve sıfır değerlerinin çizildiği logaritmik ölçeklendirme. Negatif bir sayının gösterilen değeri, mutlak değer günlüğünün negatifidir. 0'a yakın değerler doğrusal bir ölçekte çizilir.

Dikey eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'.

Dikey eksen metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Otomatik olarak oluşturulan Y ekseni değer işaretlerini belirtilen diziyle değiştirir. Dizinin her öğesi, geçerli bir değer işareti (sayı, tarih, tarih, saat veya günün saati gibi) veya bir nesne olmalıdır. Söz konusu nesne bir nesneyse etiket olarak gösterilecek sabit dizeyi içeren isteğe bağlı bir f özelliği, onay değeri için v özelliğine sahip olmalıdır.

ViewWindow, geçersiz kılmak için bir viewWindow.min veya viewWindow.max belirtmediğiniz sürece otomatik olarak minimum ve maksimum değeri içerecek şekilde genişletilir.

Örnekler:

• vAxis: { ticks: [5,10,15,20] }
• vAxis: { ticks: [{v:32, f:'thirty two'}, {v:64, f:'sixty four'}] }
• vAxis: { ticks: [new Date(2014,3,15), new Date(2013,5,15)] }
• vAxis: { ticks: [16, {v:32, f:'thirty two'}, {v:64, f:'sixty four'}, 128] }

Dikey eksen için bir başlık belirten vAxis özelliği.

Dikey eksen başlık metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color, herhangi bir HTML renk dizesi olabilir. Örneğin: 'red' veya '#00cc00'. Ayrıca bkz. fontName ve fontSize.

Dikey eksenin maksimum değerini belirtilen değere taşır; bu, çoğu grafikte yukarı olacaktır. Bu, verilerin maksimum y değerinden küçük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.max bu özelliği geçersiz kılar.

Dikey eksenin minimum değerini belirtilen değere taşır. Bu, çoğu grafikte aşağı doğru olacaktır. Verilerin minimum y değerinden büyük bir değere ayarlanırsa yoksayılır. vAxis.viewWindow.min bu özelliği geçersiz kılar.

Grafik alanındaki değerleri oluşturmak için dikey eksenin nasıl ölçeklendirileceğini belirtir. Aşağıdaki dize değerleri desteklenir:

• "güzel": Dikey değerleri, maksimum ve minimum veri değerleri grafik alanının alt ve üst kısmında biraz oluşturulacak şekilde ölçeklendirin. ViewWindow, sayılar için en yakın ana kılavuz çizgisine veya tarihler ve saatler için en yakın alt kılavuz çizgisine genişletilir.
• "maximized": Dikey değerleri, maksimum ve minimum veri değerleri grafik alanının üst ve alt kısmına temas edecek şekilde ölçeklendirin. Bu işlem vaxis.viewWindow.min ve vaxis.viewWindow.max öğelerinin yoksayılmasına neden olur.
• "explicit" - Grafik alanının üst ve alt ölçek değerlerini belirtmek için desteği sonlandırılmış seçenek. (vaxis.viewWindow.min ve vaxis.viewWindow.max ile gereksiz olduğundan kullanımdan kaldırıldı. Bu değerlerin dışındaki veri değerleri kırpılır. Gösterilecek maksimum ve minimum değerleri açıklayan bir vAxis.viewWindow nesnesi belirtmeniz gerekir.

Dikey eksenin kırpma aralığını belirtir.

Oluşturulacak maksimum dikey veri değeri.

vAxis.viewWindowMode "güzel" veya "büyütülmüş" olduğunda yoksayılır.

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode "güzel" veya "büyütülmüş" olduğunda yoksayılır.

Grafiğin piksel cinsinden genişliği.

Grafiği çizer. Grafik, yalnızca ready etkinliği etkinleştikten sonra başka yöntem çağrılarını kabul eder. Extended description.

İstenen actionID içeren ipucu işlem nesnesini döndürür.

id grafik öğesinin sol, üst, genişlik ve yüksekliğini içeren bir nesne döndürür. id biçimi henüz belgelenmemiştir (bunlar, etkinlik işleyicilerin döndürülen değerleridir). Aşağıda bazı örnekler verilmiştir:

var cli = chart.getChartLayoutInterface();

Grafik alanının yüksekliği

cli.getBoundingBox('chartarea').height

Bir çubuk veya sütun grafiğin ilk serisindeki üçüncü çubuğun genişliği

cli.getBoundingBox('bar#0#2').width

Pasta grafiğin beşinci dilimindeki sınırlayıcı kutu

cli.getBoundingBox('slice#4')

Bir dikey (ör. sütun) grafiğin grafik verileri için sınırlayıcı kutu:

cli.getBoundingBox('vAxis#0#gridline')

Yatay (ör. çubuk) bir grafiğin grafik verileri için sınırlayıcı kutu:

cli.getBoundingBox('hAxis#0#gridline')

Değerler, grafiğin kapsayıcısına bağlıdır. Grafik çizildikten sonra bunu çağırın.

Grafik içeriğinin sol, üst, genişlik ve yüksekliğini içeren nesneyi döndürür (ör. etiketler ve açıklamalar hariç):

var cli = chart.getChartLayoutInterface();

cli.getChartAreaBoundingBox().left

cli.getChartAreaBoundingBox().top

cli.getChartAreaBoundingBox().height

cli.getChartAreaBoundingBox().width

Değerler, grafiğin kapsayıcısına bağlıdır. Grafik çizildikten sonra bunu çağırın.

Grafiğin ve öğelerinin ekrandaki yerleşimiyle ilgili bilgileri içeren bir nesneyi döndürür.

Döndürülen nesnede aşağıdaki yöntemler çağrılabilir:

• getBoundingBox
• getChartAreaBoundingBox
• getHAxisValue
• getVAxisValue
• getXLocation
• getYLocation

Grafik çizildikten sonra bunu çağırın.

Grafik kapsayıcısının sol kenarından piksel uzaklığı olan xPosition yatay veri değerini döndürür. Negatif olabilir.

Örnek: chart.getChartLayoutInterface().getHAxisValue(400).

Grafik çizildikten sonra bunu çağırın.

Grafiği resim URI'si olarak serileştirilmiş şekilde döndürür.

Grafik çizildikten sonra bunu çağırın.

Bkz. PNG Grafiklerini Yazdırma.

Seçilen grafik varlıklarından oluşan bir dizi döndürür. Seçilebilir varlıklar çubuklar, gösterge girişleri ve kategorilerdir. Bu grafik için aynı anda yalnızca bir öğe seçilebilir. Extended description .

yPosition konumundaki dikey veri değerini döndürür. Bu değer, grafik kapsayıcısının üst kenarından aşağı doğru piksel uzaklığıdır. Negatif olabilir.

Örnek: chart.getChartLayoutInterface().getVAxisValue(300).

Grafik çizildikten sonra bunu çağırın.

Grafik kapsayıcısının sol kenarına göre dataValue piksel x koordinatını döndürür.

Örnek: chart.getChartLayoutInterface().getXLocation(400).

Grafik çizildikten sonra bunu çağırın.

Grafik kapsayıcısının üst kenarına göre dataValue piksel y koordinatını döndürür.

Örnek: chart.getChartLayoutInterface().getYLocation(300).

Grafik çizildikten sonra bunu çağırın.

İstenen actionID değerini içeren ipucu işlemini grafikten kaldırır.

Kullanıcı işlem metnini tıkladığında yürütülecek bir ipucu işlemi ayarlar.

setAction yöntemi, bir nesneyi işlem parametresi olarak alır. Bu nesne 3 özellik belirtmelidir: id - ayarlanan işlemin kimliği, text —işleme ilişkin ipucunda görünmesi gereken metin ve action - kullanıcı işlem metnini tıkladığında çalıştırılması gereken işlev.

Tüm ipucu işlemleri, grafiğin draw() yöntemi çağrılmadan önce ayarlanmalıdır. Genişletilmiş açıklama.

Belirtilen grafik varlıklarını seçer. Önceki seçimleri iptal eder. Seçilebilir varlıklar çubuklar, gösterge girişleri ve kategorilerdir. Bu grafik için aynı anda yalnızca bir öğe seçilebilir. Extended description .

Grafiği temizler ve ayrılan tüm kaynaklarını serbest bırakır.

Geçiş animasyonu tamamlandığında tetiklenir.

Kullanıcı grafiğin içini tıkladığında tetiklenir. Başlığın, veri öğelerinin, gösterge girişlerinin, eksenlerin, kılavuz çizgilerinin veya etiketlerin ne zaman tıklandığını tanımlamak için kullanılabilir.

Grafik oluşturulmaya çalışılırken bir hata oluştuğunda tetiklenir.

Kullanıcı, sayfa açıklaması oklarını tıkladığında tetiklenir. Açıklamaların sıfır tabanlı mevcut sayfa dizinini ve toplam sayfa sayısını geri verir.

Kullanıcı fareyle bir görsel öğenin üzerine geldiğinde tetiklenir. İlgili veri tablosu öğesinin satır ve sütun dizinlerini geri verir. Bir çubuk, veri tablosundaki bir hücreyle, bir sütuna açıklama girişiyle (satır dizini boştur) ve kategoriyle satırla (sütun dizini null) ilişkilendirilir.

Kullanıcı faresini görsel bir öğeden uzaklaştırdığında tetiklenir. İlgili veri tablosu öğesinin satır ve sütun dizinlerini geri verir. Bir çubuk, veri tablosundaki bir hücreyle, bir sütuna açıklama girişiyle (satır dizini boştur) ve kategoriyle satırla (sütun dizini null) ilişkilendirilir.

Grafik, harici yöntem çağrıları için hazır. Grafikle etkileşim kurmak ve çizdikten sonra yöntemleri çağırmak isterseniz draw yöntemini çağırmadan önce bu etkinlik için bir işleyici ayarlamalı ve bunları yalnızca etkinlik tetiklendikten sonra çağırmalısınız.

Kullanıcı bir görsel öğeyi tıkladığında tetiklenir. Neyin seçildiğini öğrenmek için getSelection() numaralı telefonu arayın.