如何更改Google Chart API的背景顏色，我在做什么錯

Question

這是我的代碼，到目前為止圖表背景顏色出了什么問題？

我知道其他所有方法都可以使用，但是無論如何我都無法更改背景顏色。我一直在查看文檔，而且我一直得出相同的結論……沒什么。

代碼本身會檢索所有指定的變量，構建圖表並更改** HTML背景，但無法接收圖表背景顏色更改

<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <?php echo "<style> body, div {background-color: #".$_GET['color']."} </style>"?>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['bar']});
      google.charts.setOnLoadCallback(drawStuff);


      var goal = <?php echo $_GET['goal']; ?>;
      var complete = <?php echo $_GET['complete']; ?>;
      var dmr = <?php echo $_GET['dmr']; ?>;
      var wysb = <?php echo $_GET['wysb']; ?>;
      function drawStuff() {

        var data = new google.visualization.arrayToDataTable([
          ['Type', 'Quantity:'],
          ["Goal", goal],
          ["Complete", complete],
          ["DMR", dmr],
          ["W.Y.S.B.", wysb],
        ]);

        var options = {
          title: 'Productivity Monitor',
          width: 900,
          legend: { position: 'none' },
          chart: { title: 'Productivity Monitor',
                   subtitle: 'Comparative Chart with color indicator background' },
          bars: 'horizontal', // Required for Material Bar Charts.
          backgroundColor :{fill : '<?php echo "#".$_GET["color"]; ?>' },
          axes: {
            x: {
              0: { side: 'top', label: 'Percentage'} // Top x-axis.
            }
          },
          bar: { groupWidth: "90%" }
        };

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

Answer 1

用這個：

chart.draw(data, google.charts.Bar.convertOptions(options));

代替這個：

chart.draw(data, options);

來自https://developers.google.com/chart/interactive/docs/gallery/barchart ：

物料圖處於beta中。 外觀和交互性在很大程度上是最終的，但“經典圖表”中可用的許多選項尚不可用。 您可以找到此問題尚不支持的選項列表。

此外，選項的聲明方式尚未最終確定，因此您必須通過替換以下行來轉換選項：

chart.draw（數據，選項）;

...有了這個：

chart.draw（data，google.charts.Bar.convertOptions（options））;

如何更改Google Chart API的背景顏色，我在做什么錯

問題描述

1 個解決方案

解決方案1
0 2016-08-01 21:12:25

如何更改Google Chart API的背景顏色，我在做什么錯

問題描述

1 個解決方案

解決方案1 0 2016-08-01 21:12:25

解決方案1
0 2016-08-01 21:12:25