javascript - Google Chart 仪表的重复颜色

标签 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
};

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

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

有什么方法可以做到这一点,或者向仪表添加一种颜色?

谢谢!

最佳答案

使用重叠的颜色 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
};

关于javascript - Google Chart 仪表的重复颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33000407/

相关文章:

javascript - Jquery幻灯片效果,点击后需要延迟

angularjs - Angular - 工厂 http post 返回未定义的值

c++ - Qt - 滚动图表的可见区域

javascript - 如何在canvas js中循环制作多系列图表?

javascript - meteor js |通过助手在 View 中显示 Json

javascript附加点击事件问题

javascript - 在 React 中使用 Array.Map() 返回子数组

javascript - Angular 谷歌地图正确策略

AngularJS 错误 : Unexpected request (No more requests expected)

ms-access - 将MS Access图表导出到Word/Excel