echarts 中 yAxis 下的 splitLine 修改某一条颜色

img

比如等于一百这条splitLine 颜色变为黄色 尝试了几种方法都不行 各位有没有能提点一下的呢？ 非主流的方法也可 万般感谢.

img

将echarts显示方式改为svg，svg就可以操作了。。。
参考：

可以用图表标线覆盖上面试试

img

这个splitLine可以传数组

你把这个的例子 代码换成 下面的就行了 。
主要思路就时100是第三个大格 所以 color数组第三个是red. 但这样有个弊端就是 。你除非设置死每个格的大小。否则也是不可以的 。其他应该没什么好办法了。

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
   
  },
  yAxis: {
    type: 'value',
     splitLine: {
      show: true,
      lineStyle: {
        color:['#ddd','#ddd',"red",'#ddd','#ddd'],
        type: 'dashed'
      }
    }
  },
  series: [
    {
      data: [150, 230, 224, 218, 135, 147, 260],
      type: 'line'
    }
  ]
};

你可以用其他 的替代 比如 markLine .


echarts如何设置平均线_飞花月的博客-CSDN博客_echarts 平均线 echarts如何设置如何设置平均线echarts作为一款外观精美且能对数据进行有效展示的框架为WEB工程师们所熟知，那么echarts如何设置平均线呢，下面凡玉就带大家一起看一下。线找到一个自己心仪的echarts图表然后我们需要取到data值的总和现在sum已经累加了data所有下标值的总和，我们需要在series里设置markLine属性，用data的长度除于sum获取data的平... https://blog.csdn.net/weixin_45966674/article/details/103454370