如何在google gauge chart中设置3种以上的颜色？

Question

我正在使用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
        };

看起来像是：

但蓝色不在66-79之间？我该如何解决这个问题？提前谢谢。

Answer 1

我认为唯一可接受的颜色是green，yellow和red。不幸的是，我不认为他们已经包含了添加超过这三种颜色的能力，尽管你似乎知道，你可以改变它们的颜色值。

编辑不仅不可能，而且它们也不允许以允许Alpha通道的格式（例如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
    };

尝试“欺骗”中间色为橙色。太糟糕了。如果您想要更多颜色选项，看起来需要使用其他工具。

Answer 2

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

Answer 3

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