Basamaklı Alan Grafiği

• 'category': Seçili verileri x değerine göre gruplandırın.
• 'series': Seçili verileri seriye göre gruplandırın.
• 'auto': Tüm seçimlerde aynı x değeri varsa seçili verileri x değerine, aksi takdirde serilere göre gruplandırın.
• 'none': Seçim başına yalnızca bir ipucu gösterin.

var options = {
  // Allow multiple
  // simultaneous selections.
  selectionMode: 'multiple',
  // Trigger tooltips
  // on selections.
  tooltip: {trigger: 'selection'},
  // Group selections
  // by x-value.
  aggregationTarget: 'category',
};
    

Animasyonun milisaniye cinsinden süresi. 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:

• "linear" - Sabit hız.
• 'in' - Yavaş girin - Yavaş başlayın ve hızınızı artırın.
• "out" (Çıkış) - Yavaşlatma - Hızlı başlatma ve yavaşlatma.
• 'inAndOut' - Kolayca giriş ve çıkış - Yavaşlayın, hızlandırın ve ardından yavaşlatın.

Grafiğin ilk çizimde animasyon oluşturup oluşturmayacağını belirler. true değerindeki grafik, başlangıç noktasından başlar ve son durumuna döner.

Adımın altındaki alanın varsayılan opaklığı (0,0 tamamen şeffaf, 1,0 tamamen opaktır). Çizgili çizginin opaklığını etkilemez. Adımlı çizgi grafik elde etmek için bu değeri 0 olarak ayarlayın. Tek bir serinin opaklığını belirtmek için series özelliğinde areaOpacity değerini ayarlayın.

Eksen başlıklarının yerleştirileceği grafik alanı. Desteklenen değerler:

• in - Eksen başlıklarını grafik alanı içinde çizin.
• dışarı - Eksen başlıklarını grafik alanının dışında çizin.
• Yok - Eksen başlıklarını çıkarın.

Grafiğin ana alanının arka plan rengi. Basit bir HTML renk dizesi (ör. 'red' veya '#00cc00') ya da 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.

Grafik alanının yerleşimini ve boyutunu yapılandırmak için üyeleri olan bir nesne (eksen ve açıklamalar hariç, grafiğin kendisinin çizildiği yer). İki biçim desteklenir: Sayı veya sayı ve ardından %. Örnek: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke: On altılık dize veya İngilizce renk adı olarak sağlanan renk.
• strokeWidth: Varsa, sağlanan genişliğin (ve stroke rengi) 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 uzağa çizileceği.

Grafik alanı genişliği.

Grafik alanı yüksekliği.

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

Doğru değerine ayarlanırsa basamaklı çizgi oluşturma adımlarını birleştirir. Aksi takdirde yalnızca üst satır görünür. Adımları bağlamak varsayılan seçenektir.

Grafiğin kullanıcı tabanlı etkinliklerde bulunup bulunmadığı veya kullanıcı etkileşimine tepki verip vermediği. Yanlış değerine ayarlanırsa grafik, "select" (seç) veya diğer etkileşime dayalı etkinlikleri atlar (ancak hazır veya hata etkinliklerini göndermez) ve fareyle üzerine gelindiğinde gösterilen metni görüntülemez veya kullanıcı girişine bağlı olarak başka şekilde değişiklik yapmaz.

Fareyle üzerine gelindiğinde odağı alan varlığın türü. Ayrıca hangi öğenin fare tıklamasıyla seçileceğini ve hangi veri tablosu öğesinin etkinliklerle ilişkilendirildiğini de etkiler. Aşağıdakilerden biri olabilir:

• " datum" - Tek bir veri noktasına odaklanın. Veri tablosundaki bir hücreyle ilişkilidir.
• "kategori" - Ana eksendeki tüm veri noktalarının grubuna odaklanın. Veri tablosundaki bir satırla ilişkilidir.

focusTarget "kategorisi"ndeki ipucu, tüm kategori değerlerini görüntüler. Bu, farklı serilerin değerlerini karşılaştırmak için yararlı olabilir.

Grafikteki tüm metinlerin piksel cinsinden varsayılan yazı tipi boyutu. Belirli grafik öğelerinin özelliklerini kullanarak bunu geçersiz kılabilirsiniz.

Grafikteki tüm metinlerin varsayılan yazı tipi yüzü. Belirli grafik öğelerinin özelliklerini kullanarak bunu geçersiz kılabilirsiniz.

Grafiği satır içi bir çerçevenin içine çizer. (IE8'de bu seçeneğin yoksayıldığını unutmayın; tüm IE8 grafikleri i-frame'ler ile çizilmiştir.)

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

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

Yatay eksendeki değerlerin büyüme yönü. Değerlerin sırasını tersine çevirmek için -1 özelliğini belirtin.

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'. fontName ve fontSize hükümlerine de bakın.

Otomatik olarak oluşturulan X ekseni onaylarını belirtilen diziyle değiştirir. Dizinin her bir öğesi geçerli bir onay değeri (sayı, tarih, tarih/saat veya günün saati gibi) ya da bir nesne olmalıdır. Bu nesne bir işaret değeri için v özelliğine ve etiket olarak gösterilecek değişmez dizeyi içeren isteğe bağlı bir f özelliğine sahip olmalıdır.

ViewWindow, geçersiz kılınacak bir viewWindow.min veya viewWindow.max belirtmediğiniz sürece min. ve maks. değer işaretlerini içerecek şekilde otomatik olarak genişletilir.

Örnekler:

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

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

Yatay eksen başlık metni 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'. fontName ve fontSize hükümlerine de bakın.

Yanlış değerine ayarlanırsa grafik kapsayıcı tarafından kırpılmasına izin vermek yerine en harici etiketleri gizler. Doğru değerine ayarlanırsa etiket kırpmaya izin verir.

Doğru değerine ayarlanırsa yatay eksen metnini, eksen üzerinde daha fazla metin sığdırmak için belirli bir açıdan çizin; yanlışsa yatay eksen metnini dik şekilde çizin. Varsayılan davranış, metnin tamamı dik olarak çekildiğinde eğilmemesi durumunda metni eğmektir. Bu seçeneğin yalnızca hAxis.textPosition "out" (varsayılan) değerine ayarlandığında kullanılabildiğini unutmayın. Tarihler ve saatler için varsayılan olarak false kullanılır.

Yatay eksen metninin eğimli olması durumunda açısı. hAxis.slantedText değeri false ise veya otomatik moddaysa ve grafik, metni yatay olarak çizmeye karar verirse yok sayılır. Açı pozitifse dönüş saat yönünün tersine, negatifse saat yönüdür.

Maksimum yatay eksen metin seviyesi sayısı. Eksen metin etiketleri çok kalabalık olursa sunucu, etiketleri birbirine yaklaştırmak için komşu etiketleri yukarı veya aşağı kaydırabilir. Bu değer, kullanılacak maksimum düzey sayısını belirtir. Etiketler örtüşmeden sığabiliyorsa sunucu daha az düzey kullanabilir. Tarihler 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 fazla 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 piksel cinsinden minimum yatay boşluk bulunur. Etiketler çok yoğun bir şekilde yerleştirilmişse veya çok uzunsa, aralık bu eşiğin altına düşebilir. Bu durumda, etiket düzenli olmayan önlemlerden biri uygulanır (ör. etiketleri kesip kısaltmak).

Gösterilecek yatay eksen etiketi sayısı. 1 işareti her etiketi, 2 değeri ise diğer tüm etiketleri gösterir ve bu şekilde devam eder. Varsayılan ayar, çakışma olmadan mümkün olduğunca fazla etiket göstermeye çalışmaktır.

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

Kırpma penceresinin bittiği sıfır tabanlı satır dizini. Bu dizindeki ve daha üst düzeydeki veri noktaları kırpılır. vAxis.viewWindowMode.min ile birlikte, öğenin görüntülenecek dizinlerini belirten yarı açık bir aralığı (min., maks.) tanımlar. Başka bir deyişle, min <= index < max gibi her dizin görüntülenir.

hAxis.viewWindowMode "güzel" veya "maksimum" 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, öğenin görüntülenecek dizinlerini belirten yarı açık bir aralığı (min., maks.) tanımlar. Diğer bir deyişle, min <= index < max gibi her dizin görüntülenir.

hAxis.viewWindowMode "güzel" veya "maksimum" olduğunda yoksayılır.

Grafiğin piksel cinsinden yüksekliği.

Doğru değerine ayarlanırsa her alan değerinde tüm serilerin öğelerini gruplandırır. Not: Sütun, Alan ve Adım Bu, Çubuk Grafikleri için geçerli değildir.

isStacked seçeneği de% 100 yığınlamayı destekler. Burada her alan değerindeki öğe yığınları, %100'e kadar eklenecek şekilde yeniden ölçeklendirilir.

isStacked seçenekleri şunlardır:

• false — öğeler yığılmaz. Bu, varsayılan seçenektir.
• true: Her alan değerinde tüm serilerin öğelerini gruplandırır.
• 'percent': Her alan değerindeki tüm diziler için öğeleri gruplandırır ve her bir öğenin değeri %100 yüzdesi olarak hesaplanarak öğeleri en fazla %100 olacak şekilde yeniden ölçeklendirir.
• 'relative': Her alan değerindeki tüm diziler için öğeleri gruplandırır ve her öğenin değeri 1'in kesiri olarak hesaplanarak öğeleri 1'e kadar ölçeklendirir.
• 'absolute', isStacked: true ile aynı işleve sahiptir.

%100 yığınlamada her öğenin hesaplanmış değeri ipucunun gerçek değerinin ardından gösterilir.

Hedef eksenin varsayılan değeri, göreli 0-1 ölçeğine göre 'relative' için 1, 'percent' için ise% 0-100'dür. (Not: 'percent' seçeneği kullanılırken eksen/bilet değerleri yüzde olarak gösterilir ancak gerçek değerler göreli 0-1 ölçek değerleridir. Bunun nedeni, yüzde ekseni çizgilerinin göreli 0-1 ölçek değerlerine "%#####" biçiminin uygulanması sonucunda elde edilir. isStacked: 'percent' kullanırken, göreli 0-1 ölçeklendirme değerlerini kullanarak tüm kene veya çizgileri belirttiğinizden emin olun.) Kılavuz çizgilerinin/onay değerlerinin ve biçimlendirmesinin uygun hAxis/vAxis seçeneklerini kullanarak özelleştirebilirsiniz.

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

Açıklamaların çeşitli yönlerini yapılandırmak için üyelerden oluşan bir nesne. Bu nesnenin özelliklerini belirtmek için aşağıda gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz:

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

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

• "start": Açıklama için ayrılan alanın başlangıcına hizalanır.
• "center" - Ortasında gösterge için ayrılmış alan.
• 'end' - Açıklama için ayrılmış alanın sonuna hizalanır.

Başlangıç, orta ve bitiş, açıklamanın stiline (dikey veya yatay) göre belirlenir. Örneğin, "sağ" açıklamasındaki "başlangıç" ve "bitiş" sırasıyla üst ve alt kısımda yer alır. "Üst" açıklama için ise "başlangıç" ve "bitiş", alanın sol ve sağ tarafında sırasıyla yer alır.

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

Açıklamalardaki maksimum satır sayısı. Açıklamalarını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 mantığın devamlılığı değişmedi.

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

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

• "bottom" - Grafiğin altında.
• "left" (sol): Grafikte sol eksenle ilişkili seri bulunmadığı sürece sol tarafta yer alır. Açıklamaların sol tarafta olmasını istiyorsanız targetAxisIndex: 1 seçeneğini kullanın.
• 'in' - Grafiğin içinde, sol üst köşede.
• "none" - Açıklama yok.
• "sağ" - Grafiğin sağ tarafında. vAxes seçeneğiyle uyumlu değil.
• "top" (üst) - Grafiğin üzerinde.

Açıklama metni 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'. fontName ve fontSize hükümlerine de bakın.

Kesikli çizgiler için açma/kapatma deseni. Örneğin, [4, 4] 4 uzun çizgi ve ardından 4 uzunluklu boşlukları tekrar eder. [5, 1, 3] 5 karakterli kısa çizgiyi, 1 uzunluklu boşluğu, 3 karakterli kısa çizgiyi, 5 karakterli boşluku, 1 karakterli boşluku ve 3 uzunluktaki boşluğu yineler. Daha fazla bilgi için Kısa çizgi bölümünü inceleyin.

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

selectionMode 'multiple' olduğunda kullanıcılar birden fazla veri noktası seçebilir.

Her biri, grafikteki ilgili serinin biçimini açıklayan nesne dizisi. Bir serinin varsayılan değerlerini kullanmak için boş bir nesne {} belirtin. Bir seri veya değer belirtilmezse global değer kullanılır. Her nesne aşağıdaki özellikleri destekler:

• areaOpacity - Bu seri için genel areaOpacity politikasını geçersiz kılar.
• color - Bu seri için kullanılacak renk. Geçerli bir HTML renk dizesi belirtin.
• labelInLegend - Grafik açıklamasında gösterilecek dizi açıklaması.
• lineDashStyle - Bu dizinin genel lineDashStyle değerini geçersiz kılar.
• targetAxisIndex - Bu serinin atanacağı eksen; 0 varsayılan eksen, 1 ise ters eksendir. Varsayılan değer 0'dır; farklı serilerin farklı eksenlere göre oluşturulduğu bir grafiği tanımlamak için 1 olarak ayarlanır. Varsayılan eksene en az bir dizi ayrılacaktır. Farklı eksenler için farklı ölçek tanımlayabilirsiniz.
• visibleInLegend: Boole değeri. Doğru, serinin açıklama girişi olması gerekirken yanlış olmaması gerekir. Varsayılan değer, doğru değeridir.

Bir dizi diziyi veya her biri, verilen sırayla seriyi uygulayabilir veya her bir alt öğenin hangi diziye uygulanacağını belirten sayısal bir anahtara sahip olduğu bir nesne belirtebilirsiniz. Örneğin, aşağıdaki iki beyan aynıdır ve ilk seriyi efsanede siyah ve eksik olarak, dördüncü serinin efsanede kırmızı olarak ve eksik olduğunu ifade eder:

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 sağlamak için birlikte çalışan, önceden tanımlanmış bir dizi seçenek değeridir. Şu anda yalnızca bir tema kullanılabilir:

• "maximed" - Grafik alanını en üst düzeye çıkarır, grafik alanının içindeki efsaneyi ve tüm etiketleri ç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örüntülenecek metin.

Grafik alanına kıyasla grafik başlığı nereye yerleştirilmelidir? Desteklenen değerler:

• in - Başlığı grafik alanının içine çizin.
• dışarı - Başlığı grafik alanının dışında çizin.
• Yok - 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'. fontName ve fontSize hükümlerine de bakın.

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

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

true olarak ayarlandığında, tüm kenarlarda grafiğin sınırlarının dışına ipucu ipucu çizilmesine izin verir.

Not: Bu yalnızca HTML ipuçları için geçerlidir. Bu ayar SVG ipuçlarıyla etkinleştirilirse grafik sınırlarının dışındaki taşma işlemleri kırpılır. Daha fazla ayrıntı için İpucu İçeriğini Özelleştirme bölümüne bakın.

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

Not: HTML araç ipucu içeriğinin ipuçu sütunu veri rolü aracılığıyla özelleştirilmesi, Balon Listesi görselleştirmesi tarafından desteklenmez.

Doğru değerine ayarlanırsa ipucunda seri bilgilerinin yanında renkli kareler gösterin. focusTarget "category" olarak ayarlandığında varsayılan değer "true" (doğru), aksi takdirde "false" (yanlış) değerini alır.

İ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'. fontName ve fontSize hükümlerine de bakın.

İpucunun gösterilmesine neden olan kullanıcı etkileşimi:

• "odak" - Kullanıcı, öğenin üzerine geldiğinde ipucu görünür.
• "hiçbiri" - İpucu gösterilmez.
• "seçim" - Kullanıcı öğeyi seçtiğinde ipucu gösterilir.

Grafikte birden fazla dikey eksen varsa tek tek eksen eksenlerinin ö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 genel ayarları geçersiz kılar.

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

{
  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 nesne koleksiyonudur. Bu, yukarıda gösterilen biçimdir; dizi, eksen başına bir nesne dizisidir. Örneğin, aşağıdaki dizi stili gösterimi, 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 üyeler içeren bir nesne. Bu nesnenin özelliklerini belirtmek için aşağıda gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz:

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

Dikey eksen tabanını belirten vAxis özelliği. Referans değeri, en yüksek kılavuz çizgisinden büyük veya en düşük kılavuz çizgisinden küçükse en yakın kılavuz çizgisine yuvarlanır.

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

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

Sayısal eksen etiketleri için bir biçim dizesi. Bu, ICU desen kümesi'nin 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 birini de sağlayabilirsiniz:

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

Etikete uygulanan gerçek biçimlendirme, API'nin yüklenmiş olduğu yerel ayardan türetilir. Daha ayrıntılı bilgi için belirli bir yerel ayara sahip grafikler yükleme başlıklı makaleyi inceleyin.

Onay işareti değerleri ve kılavuz çizgileri hesaplanırken, ilgili tüm kılavuz çizgisi seçeneklerinin birkaç alternatif kombinasyonu dikkate alınır ve biçimlendirilmiş işaret etiketlerinin kopyalanması veya örtüşmesi durumunda alternatifler reddedilir. Bu nedenle, yalnızca tam sayı onay işaretinin gösterilmesini istiyorsanız format:"#" değerini belirtebilirsiniz. Ancak bu koşulun alternatifi yoksa, herhangi bir ızgara veya onay işaretinin gösterilmeyeceğini unutmayın.

Dikey eksendeki ızgara çizgilerini yapılandırmak için üyeleri olan bir nesne. Dikey eksen kılavuz çizgilerinin yatay olarak çizildiğini unutmayın. Bu nesnenin özelliklerini belirtmek için aşağıda gösterildiği gibi nesne değişmez gösterimini kullanabilirsiniz:

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

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

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

vAxis.gridlines seçeneğine benzer şekilde, dikey eksende alt ızgaraları yapılandırmak için üyeleri olan bir nesne.

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

reşit olmayan kılavuz çizgileri sayısı, 0 olarak ayarlanarak hariç tutulan küçük ızgaraların devre dışı bırakılması hariç çoğunlukla kullanımdan kaldırılır. Küçük kılavuz çizgilerinin sayısı, ana kılavuz çizgileri (vAxis.gridlines.interval) ve gerekli minimum aralık (vAxis.minor Izgaralar.minSCPM) arasındaki aralığa bağlıdır.

Doğru ise dikey ekseni logaritmik ölçek yapar. Not: Tüm değerler pozitif olmalıdır.

Dikey ekseni logaritmik ölçek yapan vAxis özelliği. Aşağıdakilerden biri olabilir:

• null - Logaritmik ölçeklendirme yapılmaz.
• 'log' - Logaritmik ölçeklendirme. Negatif ve sıfır değerler çizilemez. Bu seçenek vAxis: { logscale: true } ayarıyla aynıdır.
• 'mirrorLog' - Negatif ve sıfır değerlerin çizildiği logaritmik ölçeklendirme. Negatif bir sayının çizilmiş değeri, mutlak değerin günlüğünün negatifidir. 0'a yakın değerler doğrusal bir ölçekte gösterilir.

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'. fontName ve fontSize hükümlerine de bakın.

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

ViewWindow, geçersiz kılınacak bir viewWindow.min veya viewWindow.max belirtmediğiniz sürece min. ve maks. değer işaretlerini içerecek şekilde otomatik olarak 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 metni 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'. fontName ve fontSize hükümlerine de bakın.

Dikey eksenin maksimum değerini, belirtilen değere taşır. Bu, çoğu grafikte yukarı yönde olacaktır. Bu değer, 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ğı yönlü olacaktır. Bu değer, 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.

Değerleri grafik alanında oluşturmak için dikey eksenin nasıl ölçekleneceğ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 gösterilecek şekilde ölçeklendirin. ViewWindow, sayılar için en yakın ana hat ya da tarihler ve saatler için en yakın alt geniş ızgara olarak genişletilir.
• "maks." - Dikey değerleri, maksimum ve minimum veri değerleri grafik alanının üst ve alt kısmına dokunacak ş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 kullanımdan kaldırılmış bir 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 belirtmelisiniz.

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

Oluşturulacak maksimum dikey veri değeri.

vAxis.viewWindowMode "güzel" veya "maksimum" olduğunda yoksayılır.

Oluşturulacak minimum dikey veri değeri.

vAxis.viewWindowMode "güzel" veya "maksimum" olduğunda yoksayılır.

Grafiğin piksel cinsinden genişliği.

Grafiği çizer. Grafik, yalnızca readyetkinliği tetiklendikten sonra gerçekleştirilen diğer yöntem çağrılarını kabul eder. Extended description dokunun.

İstenen actionID değerini 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ş (etkinlik işleyicilerin döndürme değerleridir), ancak bazı örnekler aşağıda verilmiştir:

var cli = chart.getChartLayoutInterface();

Grafik alanının yüksekliği

cli.getBoundingBox('chartarea').height

Ç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 takozunun sınırlayıcı kutusu

cli.getBoundingBox('slice#4')

Dikey (ör. sütun) grafiğin grafik verilerindeki sınır kutusu:

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

Yatay (ör. çubuk) grafiğin veri grafiklerinin sınırlayıcı kutusu:

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

Değerler, grafiğin kapsayıcısıyla ilgilidir. Bunu, grafik çizildikten sonra çağırın.

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

var cli = chart.getChartLayoutInterface();

cli.getChartAreaBoundingBox().left

cli.getChartAreaBoundingBox().top

cli.getChartAreaBoundingBox().height

cli.getChartAreaBoundingBox().width

Değerler, grafiğin kapsayıcısıyla ilgilidir. Bunu, grafik çizildikten sonra çağırın.

Grafiğin ve yerleşimin öğelerinin ekran yerleşimi hakkında bilgi içeren bir nesne döndürür.

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

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

Bunu, grafik çizildikten sonra çağırın.

xPosition konumundaki yatay veri değerini döndürür. Bu, grafik kapsayıcısının sol kenarından bir piksel ofsetidir. Negatif olabilir.

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

Bunu, grafik çizildikten sonra çağırın.

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

Bunu, grafik çizildikten sonra çağırın.

PNG Grafiklerini Yazdırma konusuna bakın.

Seçilen grafik varlıklarından oluşan bir diziyi döndürür. Seçilebilir öğeler; adımlar, açıklama girişleri ve kategorilerdir. Adım, veri tablosundaki bir hücreye, bir sütuna ait açıklama girişine (satır dizini null) ve bir satıra ait bir kategoriye (sütun dizini null) karşılık gelir. Bu grafik için herhangi bir zamanda yalnızca bir varlık seçilebilir. Extended description .

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

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

Bunu, grafik çizildikten sonra çağırın.

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

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

Bunu, grafik çizildikten sonra çağırın.

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

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

Bunu, grafik çizildikten sonra çağırın.

İstenen actionID ile ilgili ipucu işlemini grafikten kaldırır.

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

setAction yöntemi, bir nesneyi işlem parametresi olarak alır. Bu nesnede 3 özellik belirtilmelidir: id - ayarlanan işlemin kimliği, text - işlem için ipucunda görünmesi gereken metin ve action - bir kullanıcı işlem metnini tıkladığında çalışması gereken işlev.

İpucu işlemlerinin tümü, grafiğin draw() yöntemini çağırmadan önce ayarlanmalıdır. Genişletilmiş açıklama.

Belirtilen grafik öğelerini seçer. Önceki seçimleri iptal eder. Seçilebilir öğeler; adımlar, açıklama girişleri ve kategorilerdir. Adım, veri tablosundaki bir hücreye, bir sütuna ait açıklama girişine (satır dizini null) ve bir satıra ait bir kategoriye (sütun dizini null) karşılık gelir. Bu grafik için tek seferde 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ık, veri öğeleri, gösterge girişleri, eksenler, kılavuz çizgileri veya etiketlerin ne zaman tıklandığını belirlemek için kullanılabilir.

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

Kullanıcı, sayfalara ayırma göstergelerini tıkladığında tetiklenir. Mevcut sıfır tabanlı sayfa dizinini ve toplam sayfa sayısını geri verir.

Kullanıcı görsel bir varlığın üzerine geldiğinde tetiklenir. İlgili veri tablosu öğesinin satır ve sütun dizinlerini geri verir.

Kullanıcı görsel varlıktan fareyi uzaklaştırdığında tetiklenir. İlgili veri tablosu öğesinin satır ve sütun dizinlerini geri verir.

Grafik, harici yöntem çağrıları için hazır. Grafik ve çizim yöntemlerinden sonra etkileşimde bulunmak isterseniz draw yöntemini çağırmadan önce bu etkinlik için bir dinleyici oluşturmanız ve bunları yalnızca etkinlik tetiklendikten sonra kullanmanız gerekir.

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