Google Chart Gauge с несколькими цветовыми зонами

Question

Я использую Google Charts API для создания калибровочной диаграммы. Это очень простой и эффективный API для создания диаграмм «на лету».

Вот документация для этой диаграммы

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] 
}; 

У кого-то такая же проблема?

Любая помощь обручена.

Благодаря

Answer 1

Вы можете сделать это, просто переопределить цвета для красных и желтых зон, а также. Если вы тоже этого хотите, тогда вам не повезло.

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