Google Chart的Gauge重复颜色

时间:2015-10-07 19:04:52

标签: javascript angularjs charts google-visualization gauge

我需要在我的仪表上有两种红色,如下所示:

$scope.gauge1.options = {
  width: 200,
  height: 90,

  redFrom: 0,
  redTo: 10,

  yellowFrom: 10,
  yellowTo: 20,

  greenFrom: 20,
  greenTo: 30,

  redFrom: 30,
  redTo: 100,

  minorTicks: 5
};

但是当我复制红色时,我的第一个红色不会出现。

相同的颜色在仪表上不会出现两次。

有一些方法可以做到这一点或为量表添加一种颜色吗?

谢谢!

1 个答案:

答案 0 :(得分:1)

使用重叠的颜色 https://jsfiddle.net/cenee32j/

$scope.gauge1.options = {
  width: 200,
  height: 90,

  redFrom: 30, 
  redTo: 60,

  greenFrom: 0, 
  greenTo: 100,

  yellowFrom:10, 
  yellowTo: 90,

  minorTicks: 5
};