首页 前端知识 Echarts设置X轴只显示刻度线,不显示X轴轴线

Echarts设置X轴只显示刻度线,不显示X轴轴线

2024-05-27 10:05:49 前端知识 前端哥 903 971 我要收藏

 Echarts设置X轴只显示刻度线,不显示X轴轴线:

option = {
  xAxis: {
    ......
    axisLine: {
      show: false,
      lineStyle: {
        color: 'red',
      }
    },
    ......
  },
  ......
}

效果:

 上图中X轴轴线位置的横线,其实是yAxis的splitLine,将splitLine的show设置为false,横线就不显示了:

option = {
  xAxis: {
    ......
    axisLine: {
      show: false,
      lineStyle: {
        color: 'red',
      }
    },
    ......
  },
  yAxis: {
    type: 'value',
    splitLine: {
      show: false
    },
  },
  ......
}

效果如下:

 

转载请注明出处或者链接地址:https://www.qianduange.cn//article/9738.html
标签
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!