Şamdan Resim Grafiği

Önemli: Google Grafik Araçları'nın Resim Grafikleri bölümü, 20 Nisan 2012 tarihi itibarıyla resmi olarak kullanımdan kaldırılmıştır. Hesabınız, 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 Charts API kullanılarak resim olarak oluşturulan bir şamdan grafik.

Şamdan grafikler, 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 yeşil renkle, açılış değeri kapanış değerinden fazla olan öğeler kırmızı renkle çizilir. Daha fazla bilgi için Google Charts API'deki şamdan dokümanlarına 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 paketinin 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 satırın tek bir şamdan işaretçisini açıkladığı beş sütun:

  • Col 0: X ekseninde bu işaretçi için etiket olarak kullanılan dize.
  • Col 1: Bu işaretçinin alt/minimum değerini belirten sayı. Bu, siyah çizginin tabanıdı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 yeşil, aksi takdirde kırmızı 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 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

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

Ad Tür Varsayılan Açıklama
backgroundColor dize "#FFFFFF" (beyaz) Grafik için arka plan rengi. Bu, # işaretiyle birlikte bir # RRGGBB dizesidir.
showAxisLines boolean true Eksen çizgilerinin gösterilip gösterilmeyeceğini belirler. Yanlış değerine ayarlanırsa eksen etiketleri de gösterilmez.
yükseklik sayı Kapsayıcı öğenin yüksekliği Grafiğin piksel cinsinden yüksekliği. 30 < height veya height > 1.000 ise bu değer varsayılan olarak 200'e ayarlanır.
maks. sayı Maksimum veri değeri Maksimum Y ekseni değeri.
dk sayı Minimum veri değeri Minimum Y ekseni değeri.
showCategoryLabels boolean true Yanlış değerine ayarlanırsa X ekseni etiketlerini gizler.
showValueLabels boolean true Yanlış değerine ayarlanırsa Y ekseni etiketlerini gizler.
showValueLabelsInternal sayı otomatik Y ekseni etiketleri arasındaki piksel cinsinden boşluk.
title dize '' Grafiğin üzerinde gösterilecek metin.
genişlik sayı Kapsayıcı öğenin genişliği Grafiğin piksel cinsinden genişliği. width değeri 30'dan küçük veya 1.000'den büyükse width değeri 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.