具有多个颜色区域的 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"
}