echart柱状图分割线配置（虚线，点状）

最新推荐文章于 2025-06-16 16:19:14 发布

原创最新推荐文章于 2025-06-16 16:19:14 发布 · 326 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #数据库

该文章已生成可运行项目，

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
    axisLabel:{
      interval:1 // x轴标签隔一个显示一个 0全显示 2隔两个
      // 注：有时候重叠了会自动隐藏，可以设置0强制显示
    }
  },
  yAxis: {
    type: 'value',
    splitLine:{
      show:true,
      lineStyle:{
        color:['pink'],
        width:3, // 粗细
        type:'dashed' // solid实线 dashed虚线 dotted点状
      }
    }
  },
  series: [
    {
      data: [120, 200, 150, 80, 70, 110, 130],
      type: 'bar'
    }
  ]
};