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

Я использую 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]
};

У кого-нибудь такая же проблема?

Любая помощь приветствуется.

Спасибо


javascript google-visualization gauge
person Flea777    schedule 01.06.2012    source источник

Ответы (1)


arrow_upward
8
arrow_downward

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

var options = {
   greenFrom: 0,
   greenTo: 10,
   greenColor: "#00ff00",
   redFrom: 20,
   redTo: 30,
   redColor: "#00ff00",
   yellowFrom: 40,
   yellowTo: 50,
   yellowColor: "#00ff00"
}
person Matt Dodge    schedule 01.06.2012
comment
Да, это было мое первое решение, но теперь мне нужно 4 или более областей, и этот взлом не работает. - person Flea777; 01.06.2012
comment
Да, к сожалению, вы не можете сделать это с помощью датчиков в Google Charts (соответствующее обсуждение на форумах Google). Однако существуют и другие датчики JavaScript с открытым исходным кодом. - person Matt Dodge; 01.06.2012
comment
Также вы можете попробовать Perfect Widgets: perfectwidgets.com. Они позволяют создавать полностью настраиваемые датчики, собирая их из деталей. - person Mikhail Payson; 13.08.2012
comment
Можно ли указать 4 цвета в вариантах: зеленый, желтый, красный и синий ...? - person Jasbir; 08.05.2018