Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/394.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我们可以改变谷歌条形图的背景吗?_Javascript_Php_Google Visualization - Fatal编程技术网

Javascript 我们可以改变谷歌条形图的背景吗?

Javascript 我们可以改变谷歌条形图的背景吗?,javascript,php,google-visualization,Javascript,Php,Google Visualization,我正在制作谷歌条形图,但我无法更改谷歌条形图的背景色。 这是我的密码: <script type="text/javascript"> google.load('visualization', '1', {packages: ['corechart', 'bar']}); google.setOnLoadCallback(drawBasic); function drawBasic() { var data = new google.visualization.Dat

我正在制作谷歌条形图,但我无法更改谷歌条形图的背景色。 这是我的密码:

<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>

load('visualization','1',{packages:['corechart','bar']});
setOnLoadCallback(rubsic);
函数(SIC){
var data=new google.visualization.DataTable();
data.addColumn('string','category');
data.addColumn('number','points');
addColumn({type:'string',role:'style'});
addColumn({type:'string',role:'annotation'});
//addColumn({'type':'string','role':'tooltip','p':{'html':true}});
data.addRows([
['Element','Density',{role:'style'}],
[cuper',8.94',#b87333'],//RGB值
['Silver',10.49,'Silver'],//英文颜色名称
[Gold',19.30',Gold'],
['Platinum',21.45,'颜色:#e5e4e2'],//CSS样式声明
]);
变量选项={
标题:“结果”,
宽度:700,
身高:250,
条:{groupWidth:“40%”,
哈克斯:{
标题:"积分",,
最小值:0,
最大值:6,
背景颜色:“无”
},
言辞:{
标题:“类别”
}
};
var chart=new google.visualization.BarChart(document.getElementById(“”));
图表绘制(数据、选项);
}
这里的结果是链接:

但是我想要这个类型:

在选项中你可以设置背景色:'color code'选项。

[检查这里][1]上面的链接可能会建议解决方案[1]:背景色基本上会改变背景的整个颜色。但是我想要不同的-2色sepratelly你想要改变条形图的颜色还是整个图表的背景色??