Graph google列图有条件地设置颜色

Graph google列图有条件地设置颜色,graph,charts,google-visualization,Graph,Charts,Google Visualization,我希望能够根据GoogleGraphs列图表中给定列的值有条件地设置其颜色。例如,如果条形图为,则可以使用颜色标记来为特定列着色 样式角色只是数据表中的一列, 应该在它应该设置样式的系列列之后 例如,如果您想将列涂成绿色 ['A', 100, 'green'] 要有条件地指定颜色, 我们可以使用a和 它允许我们添加一个计算列 请参阅以下工作片段, 数组用于存储值范围和关联的颜色 google.charts.load('current'{ 软件包:['corechart'] }).然后(函数(

我希望能够根据GoogleGraphs列图表中给定列的值有条件地设置其颜色。例如,如果条形图为,则可以使用颜色标记来为特定列着色

样式角色只是数据表中的一列,
应该在它应该设置样式的系列列之后

例如,如果您想将列涂成绿色

['A', 100, 'green']
要有条件地指定颜色,
我们可以使用a和
它允许我们添加一个计算列

请参阅以下工作片段,
数组用于存储值范围和关联的颜色

google.charts.load('current'{
软件包:['corechart']
}).然后(函数(){
var data=google.visualization.arrayToDataTable([
['x','y'],
[A',9],
[B',30],
[C',50],
[D',70],
[E',90]
]);
变量范围=[
[0,10'#e53935'],//红色
[10,50,#fdd835'],//黄色
[50,90,#43a047'],//绿色
[90,空,#1e88e5']//蓝色
];
var view=newgoogle.visualization.DataView(数据);
view.setColumns([0,1,1{
计算:函数(dt,行){
var rowValue=dt.getValue(第1行);
颜色变异;
ranges.forEach(函数(范围、索引){
如果((行值>=范围[0])&&((行值<范围[1])| |(范围[1]==null))){
颜色=范围[2];
}
});
返回颜色;
},
角色:'风格',
键入:“字符串”
}]);
var chart=new google.visualization.ColumnChart(document.getElementById('chart_div'));
图表。绘制(视图{
图例:“无”
});
});