Как установить более 3 цветов в Google Gauge Chart? - PullRequest
Новая
       38

Как установить более 3 цветов в Google Gauge Chart?

0 голосов
/ 08 мая 2018

Я использую Google Charts API для создания измерительной диаграммы. И я установил параметры так: 

          var options = {
          width: 350, height: 350,
          greenFrom: 0, greenTo: 50,
          yellowFrom: 51, yellowTo: 65,
          blueFrom:66, blueTo: 79,
          blueColor: "#FF4500",
          redFrom:81, redTo: 100,
          minorTicks: 5
        };

И это выглядит так:

enter image description here

но синий цвет не входит в диапазон между 66 - 79? Как я могу это исправить? Заранее спасибо.

Ответы [ 2 ]

0 голосов
/ 08 мая 2018

В Google Gauge есть ограничение (3 цвета), как я прочитал на форумах: https://groups.google.com/forum/#!topic/google-visualization-api/Z6ghp0rsjM0/discussion

Возможно, этот виджет соответствует вашим потребностям: http://perfectwidgets.com/Main Более конкретно это: http://perfectwidgets.com/Demo/Gallery#Gauges/0

0 голосов
/ 08 мая 2018

Я считаю, что единственными приемлемыми цветами являются green, yellow и red. К сожалению, я не думаю, что они включили возможность добавлять цвета сверх этих трех, хотя, как вы, кажется, знаете, вы можете изменить их значения цвета.

РЕДАКТИРОВАТЬ Мало того, что это невозможно, но они также не позволяют давать цвета в форматах, которые допускают альфа-канал (например, rgba). Так что вы даже не можете сделать что-то вроде 

    var options = {
      width: 1600, height: 480,
      redFrom: 80, redTo: 100,
      redColor: "rgba(198, 0, 0, 0.67)",
      yellowFrom: 45, yellowTo: 90,
      yellowColor: "rgba(219, 190, 0, 0.67)",
      greenFrom: 25, greenTo: 45,
      minorTicks: 5
    };

чтобы попытаться обмануть средний цвет до оранжевого. Очень плохо. Если вы хотите больше вариантов цвета, похоже, вам нужно использовать другой инструмент.

...