Google visualization 负值或小于0的值的谷歌条形图颜色

我正在寻找一个选项，使谷歌条形图的颜色为“红色”时，值小于0。现在我已经尝试了很多东西。但都不管用

我还检查了ColorFormatter和函数colorNegative，但这只适用于表，而不适用于coreChart。下面是我正在使用的代码。请建议

 google.charts.load('current', {'packages':['corechart','bar']});
google.charts.setOnLoadCallback(drawBasic);

function drawBasic() {

      var data = new google.visualization.arrayToDataTable([
          ['', 'Cost'],
          ['A', 20],
          ['B', 30 ],
          ['C', 50 ],
          ['D', 60],
          ['E', 90 ],
          ['F', 24 ],
          ['G', 40 ],
          ['H', 0],
          ['I', 0],
          ['J', -30 ],
          ['K', -54 ],
          ['L', -60]
      ]);

      var options = {

              width: 419,

              colors: ['#bac405','#f95602'],
            bars: 'horizontal',
            legend:'bottom',

      };

      var chart = new google.visualization.BarChart(document.getElementById('function'));

      chart.draw(data,options);
    }

---

我的问题已经有了答案。刚刚在栏中添加了视图

多亏了这个链接-

google.charts.load（'current'，{'packages'：['corechart'，'bar']}）；
google.charts.setOnLoadCallback（rubsic）；
函数（SIC）{
var data=new google.visualization.arrayToDataTable([
[“成本”]，
[A'，20]，
[B'，30]，
[C'，50]，
[D'，60]，
[E'，90]，
[F'，24]，
[G'，40]，
[H'，0]，
[I'，0]，
[J'，-30]，
[K'，-54]，
[L'，-60]
]);
var view=newgoogle.visualization.DataView（数据）；
view.setColumns（[0{
键入：“编号”，
标签：“值”，
计算：函数（dt，行）{
返回（dt.getValue（第1行）<0）？dt.getValue（第1行）：空；
}
}, {
键入：“编号”，
标签：“值”，
计算：函数（dt，行）{
返回（dt.getValue（第1行）>0）？dt.getValue（第1行）：空；
}
}]);
变量选项={
宽度：419，
颜色：[红色]，#bac405']，
酒吧：“水平”，
图例：“无”，
伊斯塔克德：是的
};
var chart=new google.visualization.BarChart（document.getElementById（'function'）；
图表绘制（视图、选项）；
}

 google.charts.load('current', {'packages':['corechart','bar']});
google.charts.setOnLoadCallback(drawBasic);

function drawBasic() {

      var data = new google.visualization.arrayToDataTable([
          ['', 'Cost'],
          ['A', 20],
          ['B', 30 ],
          ['C', 50 ],
          ['D', 60],
          ['E', 90 ],
          ['F', 24 ],
          ['G', 40 ],
          ['H', 0],
          ['I', 0],
          ['J', -30 ],
          ['K', -54 ],
          ['L', -60]
      ]);

      var view = new google.visualization.DataView(data);
    view.setColumns([0, {
        type: 'number',
        label: 'Value',
        calc: function (dt, row) {
            return (dt.getValue(row, 1) < 0) ? dt.getValue(row, 1) : null;
        }
    }, {
        type: 'number',
        label: 'Value',
        calc: function (dt, row) {
            return (dt.getValue(row, 1) > 0) ? dt.getValue(row, 1) : null;
        }
    }]);

      var options = {

              width: 419,

            colors: ['red','#bac405'],
            bars: 'horizontal',
            legend:'none',
            isStacked: true

      };

      var chart = new google.visualization.BarChart(document.getElementById('function'));

      chart.draw(view,options);

    }