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"
}

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

1 个答案: