Echarts图 坐标下面的横线(坐标轴分割线)如何配置颜色

最近做这种图的底线颜色

查阅官方文档,看到有yAxis.splitLine. lineStyle的配置项可以用,具体用法如下:

splitLine: {
    lineStyle: {
        // 使用深浅的间隔色
        color: ['#aaa', '#ddd']
    }
}

具体到实际情况:

yAxis: [{
    type: "value",
    splitLine: {
      lineStyle: {
        color: "rgba(82, 47, 47, 1)"
      }
    }
  }],

这里是Y轴的举例,图中需要的是X轴,将yAxis改成xAxis即可,此外要加show:true参数,即可成功显示。


版权声明:本文为weixin_42678669原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。