2012-06-01 93 views
2

我使用谷歌图表API来创建一个测量图表。这是一个非常简单和有效的API,可以即时创建图表。Google Chart Gauge with multiple colors zones

下面是该图表

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

文档现在,我需要定制豆蔻位该图表将超过绿区多。 例如,我需要一个绿色区域,从0到10,一个从20到30,另一个从40到50,但似乎不可能。

这里是选项传递到平局()方法设立绿色区域

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

我试图传递一个数组作为一个选项,但它显然不会工作。这是我试过的。

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

有没有人有同样的问题?

任何帮助appeciated。

谢谢

回答

6

你可以这样做,只需重写红色和黄色区域的颜色。如果你也想要那些,那么你的运气不好。

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

是的,这是我的第一个解决方案,但现在我需要4个或更多的区域,并且该破解不起作用。 – Flea777

+0

是的,很遗憾,您无法在Google Charts中使用量表([有关Google论坛的相关讨论](https://groups.google.com/d/topic/google-visualization-api/Z6ghp0rsjM0/discussion))。还有其他的开放源代码javascript gauges虽然 –

+0

你也可以尝试完美的小工具:http://perfectwidgets.com。他们允许通过从零件组装它们来创建完全可定制的量表。 –