Google圖表：如何在色軸上添加標題

Question

向氣泡圖色軸添加標題

在一個項目中，我將使用Google Chart API來顯示帶有三個變量的氣泡圖。 我知道如何更改軸的標題，但是如何向圖表頂部的顏色欄添加標題？

一個例子

我從文檔中修改了示例，以包括軸標簽。 請不要在原件上沒有綠色標題“如何向該欄添加標題”。

我想在圖表頂部以綠色字母添加標題

這是Google文檔的原始源代碼，我在其中添加了軸的title屬性。 我試圖將title屬性添加到colorAxis，但是沒有任何效果。

<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['ID', 'X', 'Y', 'Temperature'],
          ['',   80,  167,      120],
          ['',   79,  136,      130],
          ['',   78,  184,      50],
          ['',   72,  278,      230],
          ['',   81,  200,      210],
          ['',   72,  170,      100],
          ['',   68,  477,      80]
        ]);

        var options = {
          colorAxis: {colors: ['yellow', 'red']},
          hAxis: { title: "X AXIS" },
          vAxis: { title: "Y AXIS" }

        };

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

我的問題

如何添加與上圖類似的標題？

Answer 1

您可以為圖表添加標題，該標題將位於colorAxis正上方：

var options = {
    title: 'How can I add a caption to this bar?',
    colorAxis: {colors: ['yellow', 'red']},
    hAxis: { title: "X AXIS" },
    vAxis: { title: "Y AXIS" }
};

它不完全是colorAxis的標題，但是可以具有相同的效果。

Google圖表：如何在色軸上添加標題

問題描述

向氣泡圖色軸添加標題

一個例子

我的問題

1 個解決方案

解決方案1
0 2015-07-15 08:32:50

Google圖表：如何在色軸上添加標題

問題描述

向氣泡圖色軸添加標題

一個例子

我的問題

1 個解決方案

解決方案1 0 2015-07-15 08:32:50

解決方案1
0 2015-07-15 08:32:50