Google Chart Gauge with multiple color zones

[Danny Woodman]

I'm using Google Charts API to create a gauge chart. It is a very
simple and effective API to create charts on-the-fly.

Now, I need to customize a litte bit this chart adding more than a
green zone. For example I need a green zone that goes from 0 to 10,
one from 20 to 30 and another from 40 to 50, but it doesn't seems
possible.

Here is the options to pass to the draw() method for setting up the
green zone
var options = {
greenFrom: 0, greenTo: 10
};

I tried to pass an array as an option, but it obviously doesn't
works. Here is what I tried.
var options = {
greenFrom: [0, 20, 40], greenTo: [10, 30, 50]
};

Has anyone got the same problem?

Any help is appeciated.

Thanks

[asgallant]

You can create up to three zones ('red', 'yellow', and 'green').  Use each one, and then set the color of each to green, ie:

var options = {
    redFrom: 0,
    ​redTo: 10,
    yellowFrom: 20,
    yellowTo: 30,
    greenFrom: 40,
    greenTo: 50,
    redColor: 'green',
    yellowColor: 'green',
    greenColor: 'green'​​​​