vue-echarts 自定义y轴刻度线条数

最新推荐文章于 2024-03-21 09:59:47 发布

原创最新推荐文章于 2024-03-21 09:59:47 发布 · 1w 阅读

10 ·

CC 4.0 BY-SA版权

自定义y轴刻度线条数
定义最大值：max
最小值：min
刻度线数量：splitNumber
刻度间隔：interval

yAxis: { // y轴
  min: 0, // 刻度最小值
  max: 999, // 刻度最大值（需要动态获取最大值,并且能被3整除（向下取整再乘回来））
  splitNumber: 3, // 横线数
  interval: 333, // 刻度间隔
  
  axisLine: { // 坐标抽
    lineStyle: { // 设置坐标轴和坐标轴字体颜色
      color: '#5767a0',
      width: 0
    }
  },
  splitLine: { // 网格线
    // show: true,
    lineStyle: {
      color: '#5767a0',
      width: 1
    }
  }
},