You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何让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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.19 04:50:00