本頁面由 Cloud Translation API 翻譯而成。

蠟燭圖片圖表

重要資訊：自 2012 年 4 月 20 日起，Google 圖表的「圖片圖表」部分已正式淘汰。根據淘汰政策，這項政策仍然有效。

總覽
示例
載入中
資料格式
設定選項
方法
事件
資料政策

簡介

使用 Google Charts API 以圖片形式呈現的蠟燭圖。

枝狀圖是用來顯示在開場總和重疊的開場和結尾值。枝狀圖通常用於顯示股票價值行為。在這個圖表中，起始值小於關閉值的項目會以綠色繪製，而起始值大於關閉值的項目會以紅色繪製。詳情請參閱 Google Charts API 的 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:["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>

載入中

google.charts.load 套件名稱為 "imagechart"。

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

視覺化的類別名稱是 google.visualization.ImageCandlestickChart。

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

資料格式

五個欄，每列說明一個燭光標記：

Col 0：這個字串在 X 軸上會做為標籤使用。
Col 1：這個數字表示此標記的最低/最小值。這是黑線的基底。
Col 2：指出此標記的開頭/初始值的數字。這是燭光的一個垂直邊框。如果第 3 欄的值低於 3，表示蠟燭會變成綠色；
Col 3：指定此標記結束/最終值的數字。這是蠟燭的第二個垂直框線。如果第 2 欄的值低於 2，則蠟燭會變成紅色，反之則會顯示為綠色。
Col 4：指定此標記的最高/最大值的數字。這是黑線的頂部。

設定選項

除了一般映像檔圖表支援的選項外，Candlestick Chart 也支援以下選項：

名稱	類型	預設	說明
backgroundColor	string	「#FFFFFF」(白色)	圖表的背景顏色。這是 #RRGGBB 字串，包含 # 標記。
showAxis 線	布林值	true	是否顯示軸線。如果設為 False，則系統不會顯示軸標籤。
height	數字	所含元素的高度	圖表的高度，以像素為單位。如果 30 < height 或 height > 1,000，則預設值為 200。
最高	數字	資料值上限	Y 軸最大值。
分	數字	最低資料值	Y 軸最小值。
showCategoryLabels	布林值	true	如果為 false，則會隱藏 X 軸標籤。
showValueLabels	布林值	true	如果為 false，則會隱藏 Y 軸標籤。
showValueLabels 內部	數字	自動	Y 軸標籤之間的間距，以像素為單位。
title	string	」	圖表上方顯示的文字。
width	數字	所含元素的寬度	圖表的寬度 (以像素為單位)。如果 width 小於 30 或大於 1,000，則 width 會設為 300。

方法

方法	傳回類型	說明
`draw(data, options)`	無	繪製圖表。

活動

您可以報名參加一般映像檔圖表頁面所述的事件。

資料政策

請參閱圖表 API 記錄政策。