如何让Highcharts实心仪表图中指定系列忽略Stops着色设置
解决Highcharts实心仪表图特定系列忽略轴Stops着色的问题
可以强制指定系列忽略yAxis的stops着色设置,直接给目标系列单独定义颜色即可,具体操作如下:
- 定位需要修改的目标系列(示例中的RMPX系列,即第二个series)
- 在该系列的配置中添加
color属性,设置为目标灰色(比如#808080)
修改后的核心代码示例:
yAxis: { stops: [ [0.1, '#55BF3B'], // green [0.5, '#DDDF0D'], // yellow [0.9, '#DF5353'] // red ] }, series: [{ name: 'Speed', data: [80], tooltip: { valueSuffix: ' km/h' } }, { name: 'RMPX', data: [12], color: '#808080', // 强制设置为灰色,忽略轴的stops规则 tooltip: { valueSuffix: ' x1000/min' } }]
原理:Highcharts中系列级别的color配置优先级高于坐标轴的stops设置,给目标系列指定固定颜色后,会直接覆盖轴上的渐变着色规则,让该系列显示为设置的颜色。
内容的提问来源于stack exchange,提问作者DuFuS
相关产品推荐
相关产品推荐

