谷歌图表仪表与多个颜色区域

Google Chart Gauge with multiple color zones

本文关键字：颜色 区域 仪表 谷歌      更新时间：2023-09-26

我正在使用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]
};

有没有人遇到同样的问题？

任何帮助都是有益的。

谢谢

您可以这样做，只需覆盖红色和黄色区域的颜色即可。如果你也想要这些，那么你就不走运了。

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