Highcharts 实线圆弧形状，具有 5 种不同的纯色无渐变

如何解决Highcharts 实线圆弧形状，具有 5 种不同的纯色无渐变

我在 Y 轴停靠点使用了实心高图表弧形我想使用 5 种不同的颜色，例如

0 to 39 - #B31700
40 to 64 - #F22808 
65 to 79 - #F98928 
80 to 89 - #F3C50B 
90 to 100 - #27aae1

问题是，当给出 90 这样的数据时，当值增加到 95 或 97 或 100 以上时，给定颜色的颜色非常不可见，然后实际颜色出现在图表中。

请帮助我如何在 y 轴的停止点开始时获得正确的颜色。

这是我的小提琴示例：

https://jsfiddle.net/9jsp08v7/1/

解决方法

尝试使用 dataClasses 功能而不是 stops。

yAxis: [{
  ...,dataClasses: [{
    from: 0,to: 39,color: '#B31700'
  },{
    from: 39,to: 64,color: '#F22808'
  },{
    from: 64,to: 79,color: '#F98928'
  },{
    from: 79,to: 89,color: '#F3C50B'
  },{
    from: 89,to: 100,color: '#27aae1'
  }]
}],

演示：https://jsfiddle.net/BlackLabel/vxgda85y/

,

我终于找到了解决方案。

这是小提琴链接：

stops: [
    [39 / 100,'#B31700'],[40 / 100,'#F22808'],[64 / 100,[65/100,'#F98928'],[79/100,[80/100,'#F3C50B'],[89/100,[90/100,'#27aae1'],[100/100,'#27aae1']
  ]

https://jsfiddle.net/avdq5rf6/1/