Şamdan Resim Grafiği

Önemli: Google Grafik Araçları'nın Resim Listeleri bölümü, 20 Nisan 2012'den itibaren resmi olarak kullanımdan kaldırılmıştır. Kullanımdan kaldırma politikamız uyarınca çalışmaya devam edecektir.

  1. Genel Bakış
  2. Örnek
  3. Yükleniyor
  4. Veri Biçimi
  5. Yapılandırma Seçenekleri
  6. Yöntemler
  7. Etkinlikler
  8. Veri Politikası

Genel bakış

Google Sitemaps API ile resim olarak oluşturulan şamdan grafik.

Şamdan grafik, toplam sapmanın üzerine yerleştirilmiş bir açılış ve kapanış değerini 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 yeşil, açılış değeri kapanış değerinden büyükse kırmızı renkle çizilmiştir. Daha fazla bilgi için Google Sitemaps API'deki muhasebe belgelerine bakın.

Ö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:["imagechart"]});
      google.charts.setOnLoadCallback(drawChart);

      function drawChart() {

        var options = {};
        dataTable = google.visualization.arrayToDataTable([
          ['Gainers',10,30,45,60],
          ['Losers',20,35,25,45],
          ], true);

       var chart = new google.visualization.ImageCandlestickChart(document.getElementById('chart_div'));
       chart.draw(dataTable, options);
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 400px; height: 240px;"></div>
  </body>
</html>

Yükleniyor

google.charts.load paket adı "imagechart". 

  google.charts.load('current', {packages: [imagechart]});

Görselleştirmenin sınıf adı: google.visualization.ImageCandlestickChart. 

  var visualization = new google.visualization.ImageCandlestickChart(container);

Veri Biçimi

Her bir satırın tek bir şamdan işaretçisini açıklayan beş sütun:

  • Col 0: X ekseninde bu işaretçi için etiket olarak kullanılan dize.
  • Col1 1: Bu işaretçinin alt/minimum değerini belirten sayı. Bu, siyah çizginin tabanıdır.
  • 2. Katman: Bu işaretçinin açılış/ilk değerini belirten sayı. Bu, mumun dikey kenarlıklarından biridir. Sütun 3'ün altındaysa mum yeşil, aksi takdirde kırmızı olur.
  • Col 3: Bu işaretçinin kapanış/son değerini belirten sayı. Bu, mumun ikinci dikey kenarlığıdır. 2. sütundaki değer kırmızıysa mum kırmızı, aksi takdirde yeşil olur.
  • Col 4: Bu işaretçinin yüksek/maksimum değerini belirten sayı. Bu, siyah çizginin üst kısmıdır.

Yapılandırma Seçenekleri

Genel Resim Grafiği tarafından desteklenen seçeneklere ek olarak, Şamdan Grafik aşağıdaki seçenekleri destekler:

Ad Tür Varsayılan Açıklama
arka plan rengi string "#FFFFFF" (beyaz) Grafiğin arka plan rengi. Bu, # işareti de dahil olmak üzere bir # RRGGBB dizesidir.
Eksen Satırları boolean true Eksen çizgilerinin gösterilip gösterilmeyeceği. Yanlış değerine ayarlanırsa eksen etiketleri de gösterilmez.
yükseklik number (sayı) Bulunduğu öğenin yüksekliği Grafiğin piksel cinsinden yüksekliği. 30 < yükseklik veya yükseklik > 1.000 ise bu değer varsayılan olarak 200 olur.
maks. number (sayı) Maksimum veri değeri Maksimum Y ekseni değeri.
dak number (sayı) Minimum veri değeri Minimum Y ekseni değeri.
KategoriKategorilerini boolean true Yanlış değerine ayarlanırsa X ekseni etiketlerini gizler.
program_değeri boolean true Yanlış değerine ayarlanırsa Y ekseni etiketlerini gizler.
showValueLabels Dahili number (sayı) otomatik Y ekseni etiketleri arasındaki boşluk (piksel cinsinden).
başlık string '' Grafiğin üzerinde görüntülenecek metin.
genişlik number (sayı) Kapsayıcı öğenin genişliği Grafiğin piksel cinsinden genişliği. width 30'dan küçük veya 1.000'den büyükse width 300 olarak ayarlanır.

Yöntemler

Yöntem Dönüş Türü Açıklama
draw(data, options) yok Grafiği çizer.

Etkinlikler

Genel Resim Grafiği sayfasında açıklanan etkinlikleri dinlemek için kaydolabilirsiniz.

Veri Politikası

Lütfen Chart API günlük kaydı politikasını inceleyin.