Diagram Gambar Candlestick

Penting: Bagian Diagram Gambar di Google Chart Tools tidak lagi digunakan secara resmi secara resmi sejak tanggal 20 April 2012. Fitur ini akan terus berfungsi sesuai dengan kebijakan penghentian penggunaan kami.

  1. Ringkasan
  2. Contoh
  3. Memuat
  4. Format Data
  5. Opsi Konfigurasi
  6. Metode
  7. Peristiwa
  8. Kebijakan Data

Ringkasan

Diagram kandil yang dirender sebagai gambar menggunakan Google Chart API.

Diagram batang lilin digunakan untuk menampilkan nilai pembuka dan penutup yang ditempatkan di atas varian total. Diagram kandil sering digunakan untuk menampilkan perilaku nilai saham. Dalam diagram ini, item yang nilai pembukaannya kurang dari nilai penutupan digambar dengan warna hijau, dan item yang nilai pembukaannya lebih dari nilai penutupan digambar dengan warna merah. Lihat dokumentasi candlestick di Google Chart API untuk informasi selengkapnya.

Contoh

 
<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>

Memuat

Nama paket google.charts.load adalah "imagechart". 

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

Nama class visualisasinya adalah google.visualization.ImageCandlestickChart. 

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

Format Data

Lima kolom, dengan setiap baris mendeskripsikan satu penanda lilin:

  • Kol 0: String yang digunakan sebagai label untuk penanda ini pada sumbu X.
  • Kol 1: Angka yang menentukan nilai rendah/minimum penanda ini. Ini adalah dasar garis hitam.
  • Kol 2: Angka yang menentukan nilai awal/awal penanda ini. Ini adalah satu batas vertikal lilin. Jika kurang dari nilai kolom 3, lilin akan berwarna hijau; jika tidak, warnanya akan menjadi merah.
  • Kol 3: Angka yang menentukan nilai penutupan/final penanda ini. Ini adalah batas vertikal kedua lilin. Jika kurang dari nilai kolom 2, lilin akan berwarna merah; jika tidak, warnanya akan hijau.
  • Kol 4: Angka yang menentukan nilai tinggi/maksimum penanda ini. Ini adalah bagian atas garis hitam.

Opsi Konfigurasi

Selain opsi yang didukung oleh Generic Image Chart, Candlestick Chart mendukung opsi berikut:

Name Jenis Default Deskripsi
backgroundColor string '#FFFFFF' (putih) Warna latar belakang untuk diagram. Ini adalah string #RRGGBB, termasuk tanda #.
showAxisLines boolean benar Apakah akan menampilkan garis sumbu. Jika ditetapkan ke false, label sumbu juga tidak akan ditampilkan.
tinggi angka Tinggi elemen yang memuatnya Tinggi diagram, dalam piksel. Jika 30 < height atau height > 1.000,nilai ini akan ditetapkan secara default ke 200.
maks. angka Nilai data maksimum Nilai sumbu Y maksimum.
mnt angka Nilai data minimum Nilai sumbu Y minimum.
showCategoryLabels boolean benar Jika salah, menyembunyikan label sumbu X.
showValueLabels boolean benar Jika salah, menyembunyikan label sumbu Y.
showValueLabelsInternal angka otomatis Spasi antara label sumbu Y, dalam piksel.
judul string " Teks yang akan ditampilkan di atas diagram.
lebar angka Lebar elemen penampung Lebar diagram, dalam piksel. Jika lebar kurang dari 30 atau lebih besar dari 1.000, maka lebar akan ditetapkan menjadi 300.

Metode

Metode Jenis Nilai yang Ditampilkan Deskripsi
draw(data, options) tidak ada Menggambar diagram.

Acara

Anda dapat mendaftar untuk memproses peristiwa yang dijelaskan di halaman Generic Image Chart.

Kebijakan Data

Lihat kebijakan logging Chart API.