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

圖表：長條圖 (圖片)

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

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

簡介

使用 Google Charts API 算繪為圖片的長條圖。

範例

<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load("current", {packages:["imagebarchart"]});
      google.charts.setOnLoadCallback(drawChart);

      function drawChart() {

        var data = google.visualization.arrayToDataTable([
          ['Year', 'Sales', 'Expenses'],
          ['2004',  1000,      400],
          ['2005',  1170,      460],
          ['2006',  660,       1120],
          ['2007',  1030,      540]
        ]);

        var chart = new google.visualization.ImageBarChart(document.getElementById('chart_div'));

        chart.draw(data, {width: 400, height: 240, min: 0});
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 400px; height: 240px;"></div>
  </body>
</html>

載入中

google.charts.load 套件名稱為 "imagebarchart"

  google.charts.load("current", {packages: [[]"imagebarchart"]});

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

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

資料格式

第一欄應為字串，且包含類別標籤。欄數量不限，但全部都必須是數字。每一欄都會顯示一組長條。當資料表包含多個數值欄時，資料列中的值會顯示為堆疊長條。

設定選項

名稱	類型	預設	說明
backgroundColor	string	「#FFFFFF」(白色)	圖表 API 色彩格式的圖表背景色彩。
顏色	陣列<string>	自動	可用來為每個資料序列指派特定顏色。您可以透過圖表 API 色彩格式指定顏色。資料欄 i 用於資料欄 i，如果資料欄比顏色多一點，則會在開頭加上換行。如果所有系列都接受單一顏色的變化版本，請改用 `color` 選項。
啟用事件	布林值	否	讓圖表擲回使用者觸發的事件，例如點擊或滑鼠懸停。僅適用於特定圖表類型。請參閱下方的活動一節。
height	數字	容器高度	圖表的高度，以像素為單位。
已堆疊	布林值	true	控制是否將多個資料欄顯示為堆疊 (而非分組) 長條。
垂直	布林值	否	控制長條是否垂直。
傳說	string	「右」	圖例的位置和類型。可能是下列其中一個值：「右」：在圖表右側。「left」：圖表左邊。「top」：圖表上方。 'bottom' - 圖表下方。「無」：不顯示圖例。
最高	數字	自動	Y 軸的最大值。
分	數字	自動	Y 軸顯示的最小值。
showCategoryLabels	布林值	true	如果設為 false，請移除類別標籤。
showValueLabels	布林值	true	如果設為 False，請移除值的標籤。
title	string	無標題	圖表上方顯示的文字。
valueLabels 間隔	數字	自動	顯示值軸標籤的時間間隔。舉例來說，如果 `min` 為 0、`max` 為 100 和 `valueLabelsInterval` 為 20，則圖表會顯示 (0, 20, 40, 60, 80 100) 的軸標籤。
width	數字	容器寬度	圖表的寬度 (以像素為單位)。

方法

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

活動

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

資料政策

請參閱圖表 API 記錄政策。