带有多个颜色区域的Google Chart Gauge

Question

我正在使用Google Charts API创建计量表.这是一个非常简单有效的API,可以即时创建图表.

这是该图表的文档

https://google-developers.appspot.com/chart/interactive/docs/gallery/gauge

现在,我需要自定义一个小图,这个图表添加的不仅仅是一个绿色区域.例如,我需要一个绿色区域,从0到10,一个从20到30,另一个从40到50,但似乎不可能.

以下是传递给draw()方法以设置绿色区域的选项

var options = {          
greenFrom: 0, greenTo: 10          
};

我试图传递一个数组作为一个选项,但它显然不起作用.这是我试过的.

var options = {          
greenFrom: [0, 20, 40], greenTo: [10, 30, 50]
};

有人有同样的问题吗？

任何帮助都是适用的.

谢谢

Answer 1

您可以这样做,只需覆盖红色和黄色区域的颜色.如果你想要那些,那么你就是运气不好.

var options = {
   greenFrom: 0,
   greenTo: 10,
   greenColor: "#00ff00",
   redFrom: 20,
   redTo: 30,
   redColor: "#00ff00",
   yellowFrom: 40,
   yellowTo: 50,
   yellowColor: "#00ff00"
}