Genel bakış
Etkileşimli bir şamdan grafik.
Şamdan grafik, toplam varyansın üzerine yerleştirilen bir açılış ve kapanış değeri göstermek için kullanılır. Şamdan grafikler, genellikle hisse senedi değeri davranışını göstermek için kullanılır. Bu grafikte, açılış değeri kapanış değerinden düşük olan öğeler (kazanç) dolu kutular, açılış değeri kapanış değerinden yüksek olan öğeler (kayıp) boş kutular olarak çizilir.
Örnek
<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Mon', 20, 28, 38, 45],
      ['Tue', 31, 38, 55, 66],
      ['Wed', 50, 55, 77, 80],
      ['Thu', 77, 77, 66, 50],
      ['Fri', 68, 66, 22, 15]
      // Treat first row as data as well.
    ], true);
    var options = {
      legend:'none'
    };
    var chart = new google.visualization.CandlestickChart(document.getElementById('chart_div'));
    chart.draw(data, options);
  }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>
Şelale grafikleri
Doğru seçeneklerle, şamdan grafikler basit şelale grafiklerine benzeyecek şekilde hazırlanabilir.
Aşağıdaki kodda, birinci ve ikinci sütunlarda aynı değerlerin, üçüncü ve dördüncü sütunlarda aynı değerlerin bulunmasıyla en yüksek fitilleri ortadan kaldırıyoruz. Çubuklar arasındaki boşluğu kaldırmak için bar.groupWidth değerini '100%' olarak ayarladık.
<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Mon', 28, 28, 38, 38],
          ['Tue', 38, 38, 55, 55],
          ['Wed', 55, 55, 77, 77],
          ['Thu', 77, 77, 66, 66],
          ['Fri', 66, 66, 22, 22]
          // Treat the first row as data.
        ], true);
        var options = {
          legend: 'none',
          bar: { groupWidth: '100%' }, // Remove space between bars.
          candlestick: {
            fallingColor: { strokeWidth: 0, fill: '#a52714' }, // red
            risingColor: { strokeWidth: 0, fill: '#0f9d58' }   // green
          }
        };
        var chart = new google.visualization.CandlestickChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>
Şu an için çubukları etiketlemenin kolay bir yolu yoktur. En iyi seçenek yer paylaşımları kullanmaktır.
Yükleniyor
google.charts.load paketinin adı: "corechart".
  google.charts.load('current', {packages: ['corechart']});
  Görselleştirmenin sınıf adı: google.visualization.CandlestickChart.
var visualization = new google.visualization.CandlestickChart(container);
Veri biçimi
Beş veya daha fazla sütun; burada ilk sütun X ekseni değerlerini veya grup etiketlerini tanımlar ve bundan sonraki dört veri sütununun her bir katsayısı farklı bir seriyi tanımlar.
- Col 0: X ekseninde grup etiketi olarak kullanılan dize (discrete); X ekseninde değer olarak kullanılan sayı, tarih, tarih, saat veya günün saati (sürekli) ise dizedir.
 - Col 1: Bu işaretçinin alt/minimum değerini belirten sayı. Bu, mumun orta çizgisinin alt kısmıdır. Sütun etiketi, göstergede seri etiketi olarak kullanılır (diğer sütunların etiketleri yoksayılır).
 - Col 2: Bu işaretçinin açılış/başlangıç değerini belirten sayı. Bu, mumun dikey kenarlıklarından biridir. 3. sütundaki değerden düşükse mum dolu, aksi takdirde boş olur.
 - Col 3: Bu işaretçinin kapanış/son değerini belirten numara. Bu, mumun ikinci dikey kenarlığıdır. 2. sütundaki değerden düşükse mum boş olur, aksi takdirde dolu olur.
 - Col 4: Bu işaretçinin yüksek/maksimum değerini belirten sayı. Bu, mumun orta çizgisinin üst kısmıdır.
 - Col 5 [İsteğe bağlı]: Şamdan için bir ipucu veya stil sütunu.
 
Yapılandırma seçenekleri
| Ad | |
|---|---|
| aggregationTarget | 
     Birden fazla veri seçiminin ipuçlarında toplanma şekli: 
    
 aggregationTarget, genellikle selectionMode ve tooltip.trigger ile birlikte kullanılır. Örneğin:
    
var options = {
  // Allow multiple
  // simultaneous selections.
  selectionMode: 'multiple',
  // Trigger tooltips
  // on selections.
  tooltip: {trigger: 'selection'},
  // Group selections
  // by x-value.
  aggregationTarget: 'category',
};
    
    Tür: dize 
    Varsayılan: 'auto' 
   | 
| animation.duration | 
     Animasyonun süresi (milisaniye cinsinden). Ayrıntılar için animasyon dokümanlarına bakın. Tür: numara 
    Varsayılan: 0 
   | 
| animation.easing | 
     Animasyona uygulanan yumuşak geçiş işlevi. Aşağıdaki seçenekler kullanılabilir: 
 Tür: dize 
    Varsayılan: 'Doğrusal' 
   | 
| animation.startup | 
     
      Grafikteki ilk çizimde animasyonun gösterilip gösterilmeyeceğini belirler. Değer  Tür: boole 
    Varsayılan false 
   | 
| axisTitlesPosition | 
     Grafik alanına kıyasla eksen başlıklarının yerleştirileceği yer. Desteklenen değerler: 
 Tür: dize 
    Varsayılan: 'out' 
   | 
| backgroundColor | 
     
      Grafiğin ana alanı için arka plan rengi. Basit bir HTML renk dizesi (ör.  Tür: dize veya nesne 
    Varsayılan: 'white' 
   | 
| backgroundColor.stroke | 
     HTML renk dizesi olarak grafik kenarlığının rengi. Tür: dize 
    Varsayılan: '#666' 
   | 
| backgroundColor.strokeWidth | 
     Piksel cinsinden kenarlık genişliği. Tür: numara 
    Varsayılan: 0 
   | 
| backgroundColor.fill | 
     HTML renk dizesi olarak grafik dolgu rengi. Tür: dize 
    Varsayılan: 'white' 
   | 
| bar.groupWidth | 
     
      Bir şamdan grubunun genişliği. Şu biçimlerden birinde belirtilir:
     
    
 Tür: sayı veya dize 
    
      Varsayılan:
      Altın oran,
      yaklaşık "%61,8".
     
   | 
| candlestick.hollowIsRising | 
     Doğru ise yükselen mumlar boş, düşen mumlar sabit şekilde, aksi takdirde tam tersi görünür. Tür: boole 
    Varsayılan: false (daha sonra doğru olarak değiştirilir) 
   | 
| candlestick.fallingColor.fill | 
     Bir HTML renk dizesi olarak düşen mumların dolgu rengi. Tür: dize 
    Varsayılan: auto (seri rengine ve hollowIsRising'e bağlıdır) 
   | 
| candlestick.fallingColor.stroke | 
     Bir HTML renk dizesi olarak düşen mumların fırça rengi. Tür: dize 
    Varsayılan: auto (seri rengi) 
   | 
| candlestick.fallingColor.strokeWidth | 
     Bir HTML renk dizesi olarak düşen mumların fırça genişliği. Tür: 2 
    Varsayılan: numara 
   | 
| candlestick.risingColor.fill | 
     HTML renk dizesi olarak yükselen mumların dolgu rengi. Tür: dize 
    Varsayılan: otomatik (hollowIsRising'e bağlı olarak beyaz veya seri rengi) 
   | 
| candlestick.risingColor.stroke | 
     HTML renk dizesi olarak yükselen mumların fırça rengi. Tür: dize 
    Varsayılan: auto (hollowIsRising'e bağlı olarak seri rengi veya beyaz) 
   | 
| candlestick.risingColor.strokeWidth | 
     HTML renk dizesi olarak yükselen mumların fırça genişliği. Tür: numara 
    Varsayılan: 2 
   | 
| chartArea | 
     
      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:  Tür: nesne 
    Varsayılan: null 
   | 
| chartArea.backgroundColor | 
     
      Grafik alanının arka plan rengi. Kullanılan dizeler onaltılık dize (ör. "#fdc") veya İngilizce renk adı. Bir nesne kullanıldığında aşağıdaki özellikler sağlanabilir:
     
    
 Tür: dize veya nesne 
    Varsayılan: 'white' 
   | 
| chartArea.left | 
     Grafiğin sol kenarlıktan ne kadar uzağa çizileceği. Tür: sayı veya dize 
    Varsayılan: auto 
   | 
| chartArea.top | 
     Grafiğin üst kenarlıktan ne kadar uzakta çizileceği. Tür: sayı veya dize 
    Varsayılan: auto 
   | 
| chartArea.width | 
     Grafik alanı genişliği. Tür: sayı veya dize 
    Varsayılan: auto 
   | 
| chartArea.height | 
     Grafik alanı yüksekliği. Tür: sayı veya dize 
    Varsayılan: auto 
   | 
| renkler | 
     
      Grafik öğeleri için kullanılacak renkler. Her öğenin bir HTML renk dizesi olduğu bir dize dizisi. Örneğin:  Tür: Dize dizisi 
    Varsayılan: varsayılan renkler 
   | 
| enableInteractivity | 
     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. Tür: boole 
    Varsayılan: true 
   | 
| focusTarget | 
     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: 
 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. Tür: dize 
    Varsayılan: 'datum' 
   | 
| fontSize | 
     Grafikteki tüm metnin piksel cinsinden varsayılan yazı tipi boyutu. Belirli grafik öğelerine ait özellikleri kullanarak bunu geçersiz kılabilirsiniz. Tür: numara 
    Varsayılan: auto 
   | 
| fontName | 
     Grafikteki tüm metinler için varsayılan yazı tipi yüzü. Belirli grafik öğelerine ait özellikleri kullanarak bunu geçersiz kılabilirsiniz. Tür: dize 
    Varsayılan: "SFTP" 
   | 
| forceIFrame | 
     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.) Tür: boole 
    Varsayılan: false 
   | 
| hAxis | 
     Ç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'
  }
}
    
    Tür: nesne 
    Varsayılan: null 
   | 
| hAxis.baseline | 
     Yatay eksen için referans değer. Bu seçenek yalnızca  Tür: numara 
    Varsayılan: auto 
   | 
| hAxis.baselineColor | 
     
      Yatay eksendeki referans çizgisinin rengi. Herhangi bir HTML renk dizesi olabilir. Örneğin:  Bu seçenek yalnızca  Tür: numara 
    Varsayılan: "siyah" 
   | 
| hAxis.direction | 
     
      Yatay eksendeki değerlerin büyüdüğü yön. Değerlerin sırasını tersine çevirmek için  Tür: 1 veya -1 
    Varsayılan: 1 
   | 
| hAxis.format | 
    
     Sayısal veya tarih ekseni etiketleri için bir biçim dizesi. 
      Sayı ekseni etiketleri için bu, ondalık biçimlendirme 
        ICU kalıbı grubunun
       bir alt kümesidir. Örneğin,  
 
      Tarih ekseni etiketleri için bu, tarih biçimlendirmesi 
        ICU kalıbı grubunun
       bir alt kümesidir. Örneğin,  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  
      Bu seçenek yalnızca  Tür: dize 
    Varsayılan: auto 
   | 
| hAxis.gridlines | 
     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}
    
    
      Bu seçenek yalnızca  Tür: nesne 
    Varsayılan: null 
   | 
| hAxis.gridlines.color | 
     Grafik alanındaki yatay kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin. Tür: dize 
    Varsayılan: '#CCC' 
   | 
| hAxis.gridlines.count | 
     
      Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı.
       Tür: numara 
    Varsayılan: -1 
   | 
| hAxis.gridlines.interval | 
     
      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  Tür: 1 ile 10 arasında bir sayı (10 hariç). 
    Varsayılan: hesaplanmıştır 
   | 
| hAxis.gridlines.minSpacing | 
     
      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  Tür: numara 
    Varsayılan: hesaplanmıştır 
   | 
| hAxis.gridlines.multiple | 
     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,  Tür: numara 
    Varsayılan: 1 
   | 
| hAxis.gridlines.units | 
     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. Tür: nesne 
    Varsayılan: null 
   | 
| hAxis.minorGridlines | 
     hAxis.gridlines seçeneğine benzer şekilde, yatay eksende alt kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne. 
      Bu seçenek yalnızca  Tür: nesne 
    Varsayılan: null 
   | 
| hAxis.minorGridlines.color | 
     Grafik alanındaki yatay küçük kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin. Tür: dize 
    Varsayılan: Kılavuz çizgisi ve arka plan renklerinin bir karışımı 
   | 
| hAxis.minorGridlines.interval | 
     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  Tür: numara 
    Varsayılan: 1 
   | 
| hAxis.minorGridlines.minSpacing | 
     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. Tür: numara 
    Varsayılan:hesaplanan 
   | 
| hAxis.minorGridlines.multiple | 
     Ana  Tür: numara 
    Varsayılan: 1 
   | 
| hAxis.minorGridlines.count | 
     Sayısı 0'a ayarlanarak küçük kılavuz çizgilerinin devre dışı bırakılması dışında,  Tür: numara 
    Varsayılan: 1 
   | 
| hAxis.minorGridlines.units | 
     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. Tür: nesne 
    Varsayılan: null 
   | 
| hAxis.logScale | 
     
      Yatay ekseni logaritmik ölçeğe dönüştüren  Bu seçenek yalnızca  Tür: boole 
    Varsayılan: false 
   | 
| hAxis.scaleType | 
     
      Yatay ekseni logaritmik ölçeğe dönüştüren  
 Bu seçenek yalnızca  Tür: dize 
    Varsayılan: null 
   | 
| hAxis.textPosition | 
     Yatay eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'. Tür: dize 
    Varsayılan: 'out' 
   | 
| hAxis.textStyle | 
     Yatay eksen metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir: 
{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    
    
       Tür: nesne 
    
      Varsayılan:
       
  
        {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
      
     | 
| hAxis.ticks | 
     
      Otomatik olarak oluşturulan X 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  
      ViewWindow, geçersiz kılmak için bir  Örnekler: 
 
      Bu seçenek yalnızca  Tür: Öğe dizisi 
    Varsayılan: auto 
   | 
| hAxis.title | 
     
      Yatay eksenin başlığını belirten  Tür: dize 
    Varsayılan: null 
   | 
| hAxis.titleTextStyle | 
     Yatay eksen başlığı metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir: 
{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    
    
       Tür: nesne 
    
      Varsayılan:
       
  
        {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
      
     | 
| hAxis.allowContainerBoundaryTextCutoff | 
     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. Bu seçenek yalnızca  Tür: boole 
    Varsayılan: false 
   | 
| hAxis.slantedText | 
     
      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  Tür: boole 
    Varsayılan: auto 
   | 
| hAxis.slantedTextAngle | 
     
      Eğik çizilmişse yatay eksen metninin açısı.  Tür: sayı, -90-90 
    Varsayılan: 30 
   | 
| hAxis.maxAlternation | 
     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. Tür: numara 
    Varsayılan: 2 
   | 
| hAxis.maxTextLines | 
     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. Tür: numara 
    Varsayılan: auto 
   | 
| hAxis.minTextSpacing | 
     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). Tür: numara 
    Varsayılan:  
  hAxis.textStyle.fontSize değeri | 
| hAxis.showTextEvery | 
     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. Tür: numara 
    Varsayılan: auto 
   | 
| hAxis.maxValue | 
     
      Yatay eksenin maksimum değerini belirtilen değere taşır. Bu, çoğu grafikte sağa doğru olacaktır. Bu, verilerin maksimum x değerinden küçük bir değere ayarlanırsa yoksayılır.
       
      Bu seçenek yalnızca  Tür: numara 
    Varsayılan: auto 
   | 
| hAxis.minValue | 
     
      Yatay eksenin minimum değerini belirtilen değere taşır; bu, çoğu grafikte sola doğru olur. Bu, verilerin minimum x değerinden büyük bir değere ayarlanırsa yoksayılır.
       
      Bu seçenek yalnızca  Tür: numara 
    Varsayılan: auto 
   | 
| hAxis.viewWindowMode | 
     Grafik alanındaki değerleri oluşturmak için yatay eksenin nasıl ölçeklendirileceğini belirtir. Aşağıdaki dize değerleri desteklenir: 
 
      Bu seçenek yalnızca  Tür: dize 
    
      Varsayılan:
 "pretty" ile eşdeğerdir ancak kullanılırsa  
  haxis.viewWindow.min ve haxis.viewWindow.max öncelikli olur.
     | 
| hAxis.viewWindow | 
     Yatay eksenin kırpma aralığını belirtir. Tür: nesne 
    Varsayılan: null 
   | 
| hAxis.viewWindow.max | 
    
    
 
 Tür: numara 
    Varsayılan: auto 
   | 
| hAxis.viewWindow.min | 
    
    
 
 Tür: numara 
    Varsayılan: auto 
   | 
| yükseklik | 
     Grafiğin piksel cinsinden yüksekliği. Tür: numara 
    Varsayılan: kapsayıcı öğenin yüksekliği 
   | 
| harita açıklamaları | 
     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}}
    Tür: nesne 
    Varsayılan: null 
   | 
| legend.alignment | 
     Açıklamaların hizalanması. Aşağıdakilerden biri olabilir: 
 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. Tür: dize 
    Varsayılan: auto 
   | 
| legend.maxLines | 
     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. Tür: numara 
    Varsayılan: 1 
   | 
| legend.pageIndex | 
     Açıklamanın ilk seçilen sıfır tabanlı sayfa dizini. Tür: numara 
    Varsayılan: 0 
   | 
| legend.position | 
     Açıklamanın konumu. Aşağıdakilerden biri olabilir: 
 Tür: dize 
    Varsayılan: 'right' 
   | 
| legend.textStyle | 
     Açıklama metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir: 
{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    
    
       Tür: nesne 
    
      Varsayılan:
       
  
        {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
      
     | 
| yön | 
     
      Grafiğin yönü.  Tür: dize 
    Varsayılan: 'automatic' (yatay) 
   | 
| reverseCategories | 
     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. 
      Bu seçenek yalnızca  Tür: boole 
    Varsayılan: false 
   | 
| selectionMode | 
     
       Tür: dize 
    Varsayılan: "single" 
   | 
| seri | 
     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: 
 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}
}
    
    Tür: Nesne dizisi veya iç içe yerleştirilmiş nesneleri olan nesne 
    Varsayılan: {} 
   | 
| tema | 
     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: 
 Tür: dize 
    Varsayılan: null 
   | 
| title | 
     Grafiğin üzerinde gösterilecek metin. Tür: dize 
    Varsayılan: başlık yok 
   | 
| titlePosition | 
     Grafik alanına kıyasla grafik başlığının yerleştirileceği yer. Desteklenen değerler: 
 Tür: dize 
    Varsayılan: 'out' 
   | 
| titleTextStyle | 
     Başlık metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir: 
{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    
    
       Tür: nesne 
    
      Varsayılan:
       
  
        {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
      
     | 
| ipucu | 
     Ç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}
    Tür: nesne 
    Varsayılan: null 
   | 
| tooltip.ignoreBounds | 
     
       Not: Bu yalnızca HTML ipuçları için geçerlidir. Bu özellik, SVG ipuçlarıyla etkinleştirilirse grafik sınırlarının dışındaki tüm taşmalar kırpılır. Daha fazla ayrıntı için İpucu İçeriğini Özelleştirme bölümüne bakın. Tür: boole  
    Varsayılan: false 
   | 
| tooltip.isHtml | 
     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. Tür: boole 
    Varsayılan: false 
   | 
| tooltip.showColorCode | 
     
      True (doğru) ise ipucunda seri bilgilerinin yanında renkli kareler gösterin.  Tür: boole 
    Varsayılan: auto 
   | 
| tooltip.textStyle | 
     İpucu metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir: 
{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    
    
       Tür: nesne 
    
      Varsayılan:
       
  
        {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
      
     | 
| tooltip.trigger | 
     İpucunun görüntülenmesine neden olan kullanıcı etkileşimi: 
 Tür: dize 
    Varsayılan: 'focus' 
   | 
| vAxes | 
     
      Grafikte birden fazla dikey eksen varsa tek tek dikey eksenlerin özelliklerini belirtir.
      Her alt nesne bir  
      Birden fazla dikey eksene sahip bir grafik belirtmek için önce  
{
  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  
vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
    Tür: Alt nesneleri olan nesne veya nesne dizisi 
    Varsayılan: null 
   | 
| vAxis | 
     Ç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'}}
    Tür: nesne 
    Varsayılan: null 
   | 
| vAxis.baseline | 
     
      Dikey eksen için referans değeri belirten  Tür: numara 
    Varsayılan: auto 
   | 
| vAxis.baselineColor | 
     
      Dikey eksen için referans çizginin rengini belirtir. Herhangi bir HTML renk dizesi olabilir. Örneğin:  Tür: numara 
    Varsayılan: "siyah" 
   | 
| vAxis.direction | 
     
      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  Tür: 1 veya -1 
    Varsayılan: 1 
   | 
| vAxis.format | 
    
     
      Sayısal eksen etiketleri için bir biçim dizesi. Bu, 
        ICU kalıbı grubunun
       bir alt kümesidir.
      Örneğin,  
 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  Tür: dize 
    Varsayılan: auto 
   | 
| vAxis.gridlines | 
     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}
    
    Tür: nesne 
    Varsayılan: null 
   | 
| vAxis.gridlines.color | 
     Grafik alanındaki dikey kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin. Tür: dize 
    Varsayılan: '#CCC' 
   | 
| vAxis.gridlines.count | 
     
      Grafik alanındaki yatay kılavuz çizgilerinin yaklaşık sayısı.
       Tür: numara 
    Varsayılan: -1 
   | 
| vAxis.gridlines.interval | 
     
      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  Tür: 1 ile 10 arasında bir sayı (10 hariç). 
    Varsayılan: hesaplanmıştır 
   | 
| vAxis.gridlines.minSpacing | 
     
      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  Tür: numara 
    Varsayılan: hesaplanmıştır 
   | 
| vAxis.gridlines.multiple | 
     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,  Tür: numara 
    Varsayılan: 1 
   | 
| vAxis.gridlines.units | 
     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. Tür: nesne 
    Varsayılan: null 
   | 
| vAxis.minorGridlines | 
     vAxis.gridlines seçeneğine benzer şekilde, dikey eksende alt kılavuz çizgilerini yapılandırmak için üyelere sahip bir nesne. Tür: nesne 
    Varsayılan: null 
   | 
| vAxis.minorGridlines.color | 
     Grafik alanındaki dikey alt kılavuz çizgilerinin rengi. Geçerli bir HTML renk dizesi belirtin. Tür: dize 
    Varsayılan: Kılavuz çizgisi ve arka plan renklerinin bir karışımı 
   | 
| vAxis.minorGridlines.count | 
     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. Tür: numara 
    Varsayılan: 1 
   | 
  
| vAxis.minorGridlines.interval | 
     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  Tür: numara 
    Varsayılan: 1 
   | 
| vAxis.minorGridlines.minSpacing | 
     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. Tür: numara 
    Varsayılan:hesaplanan 
   | 
| vAxis.minorGridlines.multiple | 
     Ana  Tür: numara 
    Varsayılan: 1 
   | 
| vAxis.minorGridlines.units | 
     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. Tür: nesne 
    Varsayılan: null 
   | 
| vAxis.logScale | 
     Doğru değerine ayarlanırsa dikey ekseni logaritmik ölçek haline getirir. Not: Tüm değerler pozitif olmalıdır. Tür: boole 
    Varsayılan: false 
   | 
| vAxis.scaleType | 
     
      Dikey ekseni logaritmik ölçeğe dönüştüren  
 Bu seçenek yalnızca  Tür: dize 
    Varsayılan: null 
   | 
| vAxis.textPosition | 
     Dikey eksen metninin grafik alanına göre konumu. Desteklenen değerler: 'out', 'in', 'none'. Tür: dize 
    Varsayılan: 'out' 
   | 
| vAxis.textStyle | 
     Dikey eksen metin stilini belirten bir nesne. Nesnenin biçimi şu şekildedir: 
{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    
    
       Tür: nesne 
    
      Varsayılan:
       
  
        {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
      
     | 
| vAxis.ticks | 
     
      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  
      ViewWindow, geçersiz kılmak için bir  Örnekler: 
 Tür: Öğe dizisi 
    Varsayılan: auto 
   | 
| vAxis.title | 
     Dikey eksen için bir başlık belirten  Tür: dize 
    Varsayılan: başlık yok 
   | 
| vAxis.titleTextStyle | 
     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> }
  
  
     Tür: nesne 
    
      Varsayılan:
       
  
        {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
      
     | 
| vAxis.maxValue | 
     
      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.
       Tür: numara 
    Varsayılan: auto 
   | 
| vAxis.minValue | 
     
      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.
       Tür: numara 
    Varsayılan: null 
   | 
| vAxis.viewWindowMode | 
     Grafik alanındaki değerleri oluşturmak için dikey eksenin nasıl ölçeklendirileceğini belirtir. Aşağıdaki dize değerleri desteklenir: 
 Tür: dize 
    
      Varsayılan:
 "pretty" ile eşdeğerdir ancak kullanılırsa  
  vaxis.viewWindow.min ve vaxis.viewWindow.max öncelikli olur.
     | 
| vAxis.viewWindow | 
     Dikey eksenin kırpma aralığını belirtir. Tür: nesne 
    Varsayılan: null 
   | 
| vAxis.viewWindow.max | 
    
    
         Oluşturulacak maksimum dikey veri değeri. 
 Tür: numara 
    Varsayılan: auto 
   | 
| vAxis.viewWindow.min | 
    
    
         Oluşturulacak minimum dikey veri değeri. 
 Tür: numara 
    Varsayılan: auto 
   | 
| genişlik | 
     Grafiğin piksel cinsinden genişliği. Tür: numara 
    Varsayılan: kapsayıcı öğenin genişliği 
   | 
Yöntemler
| Yöntem | |
|---|---|
draw(data, options) | 
  
     
      Grafiği çizer. Grafik, yalnızca  Return Type (Dönüş Türü): yok 
   | 
getAction(actionID) | 
  
     İstenen  Return Type: nesne 
   | 
getBoundingBox(id) | 
  
     
       
 Değerler, grafiğin kapsayıcısına bağlıdır. Grafik çizildikten sonra bunu çağırın. Return Type: nesne 
   | 
getChartAreaBoundingBox() | 
  
     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ç): 
 Değerler, grafiğin kapsayıcısına bağlıdır. Grafik çizildikten sonra bunu çağırın. Return Type: nesne 
   | 
getChartLayoutInterface() | 
  
     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: 
 Grafik çizildikten sonra bunu çağırın. Return Type: nesne 
   | 
getHAxisValue(xPosition, optional_axis_index) | 
  
     
      Grafik kapsayıcısının sol kenarından piksel uzaklığı olan  Örnek:  Grafik çizildikten sonra bunu çağırın. İade Türü: numara 
   | 
getImageURI() | 
  
     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. Return Type: dize 
   | 
getSelection() | 
  
     
      Seçilen grafik varlıklarından oluşan bir dizi döndürür.
    
      Şamdanlar, gösterge girişleri ve kategoriler seçilebilir öğelerdir.
    
    
    
      Bu grafik için aynı anda yalnızca bir öğe seçilebilir.
    
      
         Dönüş Türü: Seçim öğeleri dizisi 
   | 
getVAxisValue(yPosition, optional_axis_index) | 
  
     
       Örnek:  Grafik çizildikten sonra bunu çağırın. İade Türü: numara 
   | 
getXLocation(dataValue, optional_axis_index) | 
  
     
      Grafik kapsayıcısının sol kenarına göre  Örnek:  Grafik çizildikten sonra bunu çağırın. İade Türü: numara 
   | 
getYLocation(dataValue, optional_axis_index) | 
  
     
      Grafik kapsayıcısının üst kenarına göre  Örnek:  Grafik çizildikten sonra bunu çağırın. İade Türü: numara 
   | 
removeAction(actionID) | 
  
     İstenen  İade Türü:  
  none | 
setAction(action) | 
  
     Kullanıcı işlem metnini tıkladığında yürütülecek bir ipucu işlemi ayarlar. 
       
      Tüm ipucu işlemleri, grafiğin  İade Türü:  
  none | 
setSelection() | 
  
     
      Belirtilen grafik varlıklarını seçer. Önceki seçimleri iptal eder.
    
      Şamdanlar, gösterge girişleri ve kategoriler seçilebilir öğelerdir.
    
    
    
      Bu grafik için aynı anda yalnızca bir öğe seçilebilir.
    
      
         Return Type (Dönüş Türü): yok 
   | 
clearChart() | 
  
     Grafiği temizler ve ayrılan tüm kaynaklarını serbest bırakır. Return Type (Dönüş Türü): yok 
   | 
Etkinlikler
Bu etkinliklerin nasıl kullanılacağı hakkında daha fazla bilgi için Temel Etkileşim, Etkinlikleri Yönetme ve Etkinleşme Etkinliklerini inceleyin.
| Ad | |
|---|---|
animationfinish | 
  
     Geçiş animasyonu tamamlandığında tetiklenir. Özellikler: yok 
   | 
click | 
  
     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. Özellikler: targetID 
   | 
error | 
  
     Grafik oluşturulmaya çalışılırken bir hata oluştuğunda tetiklenir. Özellikler: kimlik, mesaj 
   | 
legendpagination | 
  
     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. Özellikler: currentPageIndex, totalPages 
   | 
onmouseover | 
  
     Kullanıcı fareyle bir görsel öğenin üzerine geldiğinde tetiklenir. İlgili veri tablosu öğesinin satır ve sütun dizinlerini geri verir. Şamdan, veri tablosundaki bir hücreyle, sütuna gösterge girişiyle (satır dizini boştur) ve kategoriyle satırla (sütun dizini null) ilişkilidir. Özellikler: satır, sütun 
   | 
onmouseout | 
  
     Kullanıcı faresini görsel bir öğeden uzaklaştırdığında tetiklenir. İlgili veri tablosu öğesinin satır ve sütun dizinlerini geri verir. Şamdan, veri tablosundaki bir hücreyle, sütuna gösterge girişiyle (satır dizini boştur) ve kategoriyle satırla (sütun dizini null) ilişkilidir. Özellikler: satır, sütun 
   | 
ready | 
  
     
      Grafik, harici yöntem çağrıları için hazır. Grafikle etkileşim kurmak ve
 çizdikten sonra yöntemleri çağırmak isterseniz  Özellikler: yok 
   | 
select | 
  
     
      Kullanıcı bir görsel öğeyi tıkladığında tetiklenir. Neyin seçildiğini öğrenmek için  Özellikler: yok 
   | 
Veri politikası
Tüm kod ve veriler tarayıcıda işlenip oluşturulur. Herhangi bir sunucuya veri gönderilmez.