Javascript 谷歌图表中颜色栏的值

Javascript 谷歌图表中颜色栏的值,javascript,charts,google-visualization,bar-chart,Javascript,Charts,Google Visualization,Bar Chart,我试着根据它们的值给谷歌图表中的条形图上色。我从文档中了解到,我可以指定一个样式角色来为特定的条形图指定特定的颜色,但我还没有找到一个示例来说明是否可以根据条形图的值为其着色 我制作了一把小提琴来演示我的图表结构。我的数据是一系列连续的整数 var data = google.visualization.arrayToDataTable([ ['Asset','Days in Stock'], ['4990/473',606],['4990/489',504],['4990/557',1

我试着根据它们的值给谷歌图表中的条形图上色。我从文档中了解到,我可以指定一个样式角色来为特定的条形图指定特定的颜色,但我还没有找到一个示例来说明是否可以根据条形图的值为其着色

我制作了一把小提琴来演示我的图表结构。我的数据是一系列连续的整数

var data = google.visualization.arrayToDataTable([
  ['Asset','Days in Stock'],
  ['4990/473',606],['4990/489',504],['4990/557',159],['4990/559',147],
  ['4990/578',87],['4990/581',63],['4990/582',53],['4990/586',41],
  ['4990/590',25],['4990/592',20],['4990/593',5],
]);
我无法从文档中确定是否可以为设置条颜色设置阈值范围。理想情况下,我希望能够使用范围格式化程序,但它似乎不适合条形图类型

var formatter = new google.visualization.TableColorFormat();
formatter.addRange(0, 60, 'green', '#00ff00');
formatter.format(data, 1);


因此,如果有一种方法可以使用一个理想的格式函数来实现这一点,但是如果没有,那么我将满足于使用脚本语言中的数据值以编程方式设置每个条的颜色。

颜色格式化程序可以在表格图表上工作

要按值设置条形图的颜色,请将计算列添加到数据视图中,
类似于注释列

请参阅以下工作片段

google.charts.load('current'{
回调:图纸,
软件包:['corechart']
});
函数绘图图(){
var data=google.visualization.arrayToDataTable([
[“资产”、“库存天数”],
['4990/473',606],['4990/489',504],['4990/557',159],['4990/559',147],
['4990/578',87],['4990/581',63],['4990/582',53],['4990/586',41],
['4990/590',25],['4990/592',20],['4990/593',5],
]);
var view=newgoogle.visualization.DataView(数据);
view.setColumns([0,1,1,
//样式栏
{
计算:函数(dt,行){

如果((dt.getValue(row,1)>=0)和(&(dt.getValue(row,1)60)和(&)(dt.getValue(row,1)是迄今为止最优雅的解决方案,谢谢:)可以通过插入一个switch语句以获得额外的粒度而轻松展开。