Google visualization 谷歌差异条形图-更改条形图颜色

Google visualization 谷歌差异条形图-更改条形图颜色,google-visualization,Google Visualization,我有一个谷歌差异条形图。我正试图改变外部酒吧的颜色。默认情况下,它是褪色的颜色。我可以在“选项”下使用“颜色”参数更改内条颜色。有人能带我出去吗?下面是我的代码 <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("visualization", '1.1', {

我有一个谷歌差异条形图。我正试图改变外部酒吧的颜色。默认情况下,它是褪色的颜色。我可以在“选项”下使用“颜色”参数更改内条颜色。有人能带我出去吗?下面是我的代码

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
  <script type="text/javascript">
    google.load("visualization", '1.1', {packages:['corechart']});
    google.setOnLoadCallback(drawChart);
function drawChart() {
var oldData = google.visualization.arrayToDataTable([
  ['Name', 'Popularity'],
  ['Cesar', 250],
  ['Rachel', 4200],
  ['Patrick', 2900],
  ['Eric', 8200]
]);

var newData = google.visualization.arrayToDataTable([
  ['Name', 'Popularity'],
  ['Cesar', 370],
  ['Rachel', 600],
  ['Patrick', 700],
  ['Eric', 3500]
]);
var colChartDiff = new google.visualization.ColumnChart(document.getElementById('colchart_diff'));
var options = { 
diff: { newData: { widthFactor: 0.6 } },
legend: { position: 'top' } ,
colors: ['#f38eff', '#C0C0C0'],
backgroundColor: '#fffff5',
hAxis: {title: 'People'},
  vAxis: {title: 'Numbers'}};
var diffData = colChartDiff.computeDiff(oldData, newData);
colChartDiff.draw(diffData, options);
}
 </script>

load(“可视化”,“1.1”,{packages:['corechart']});
setOnLoadCallback(drawChart);
函数绘图图(){
var oldData=google.visualization.arrayToDataTable([
['Name','Popularity'],
['Cesar',250],
[Rachel',4200],
[Patrick',2900],
['Eric',8200]
]);
var newData=google.visualization.arrayToDataTable([
['Name','Popularity'],
['Cesar',370],
[Rachel',600],
[Patrick',700],
['Eric',3500]
]);
var colChartDiff=新的google.visualization.ColumnChart(document.getElementById('colchart_diff'));
变量选项={
差异:{newData:{widthFactor:0.6},
图例:{位置:'top'},
颜色:['#f38eff','#C0C0'],
背景颜色:“#FFFFF 5”,
哈克斯:{标题:'人民'},
变量:{title:'Numbers'}};
var diffData=colChartDiff.computeDiff(旧数据、新数据);
colChartDiff.draw(diffData,选项);
}

您可以在diff对象中设置,例如

var options = { ...
    diff: { 
        oldData: { opacity: 1, color: '#e6693e' }, 
        newData: { opacity: 1}
    }...
 }

无法更改旧数据的颜色。我建议做一个测试来增加对这一点的支持。@asgallant这不是真的。至少现在不会了。我可以确认下面的Bobs解决方案有效。我正在尝试设置颜色和不透明度。它似乎适用于饼图和散点图,但对于柱状图和柱状图,“不透明度”似乎起到了任何作用。我求助于使用位于
options.dataOpacity
dataOpacity
选项来设置
oldData
newData
的不透明度,以供历史参考,我最近还发现了一些有趣的事情。由于某些原因,数据集必须命名为oldData和newData,您不能选择任何您想要的名称。如果这样做,就不能使用diff选项,因为它需要“oldData:和”newData“。必须使用选项中的颜色设置newData的颜色,并且该颜色不会出现在图例中。这很有帮助,但我无法使图例反映已更改的新颜色。是否有任何选项可更改label@KevinBrown-您是否可以扩展您的评论“必须使用选项中的颜色设置新数据的颜色”-我一直在努力让这一切顺利进行