我们可以更改谷歌条形图的背景吗？

Question

我正在研究谷歌条形图，但我无法改变谷歌条形图的背景颜色。这是我的代码：

<script type="text/javascript">
google.load('visualization', '1', {packages: ['corechart', 'bar']});
google.setOnLoadCallback(drawBasic);

function drawBasic() {

      var data = new google.visualization.DataTable();
      data.addColumn('string', 'category');
      data.addColumn('number', 'points');
      data.addColumn({type: 'string', role: 'style'});
      data.addColumn({type: 'string', role: 'annotation'});
      //data.addColumn({'type': 'string', 'role': 'tooltip', 'p': {'html': true}});
      data.addRows([
     ['Element', 'Density', { role: 'style' }],
     ['Copper', 8.94, '#b87333'],            // RGB value
     ['Silver', 10.49, 'silver'],            // English color name
     ['Gold', 19.30, 'gold'],
     ['Platinum', 21.45, 'color: #e5e4e2' ], // CSS-style declaration
  ]);
      var options = {
        title: 'Results',
         width: 700,
         height: 250,
        bar: {groupWidth: "40%"},
        hAxis: {
          title: 'Points',
          minValue: 0,
          maxValue:6,
          backgroundColor: 'none'
        },
        vAxis: {
          title: 'categories'
        }
      };

      var chart = new google.visualization.BarChart(document.getElementById('<?php echo $singleChartDivId; ?>'));

      chart.draw(data, options);
    }
  </script>

这里的结果是链接：http://prntscr.com/8nxsk7 但我想要这种类型：http://prntscr.com/8nxts7

Answer 1

在选项中，您可以设置背景颜色：“颜色代码”选项。