y轴不要出现小数点

最新推荐文章于 2025-04-18 11:43:18 发布

原创最新推荐文章于 2025-04-18 11:43:18 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

vue-echarts的千奇百变专栏收录该内容

17 篇文章

订阅专栏

这篇博客详细介绍了如何配置ECharts图表的y轴，包括设置最大值、刻度间隔、坐标轴标签格式化以及坐标轴和网格线的颜色、宽度等，以实现坐标轴的精细化管理和视觉优化。

yAxis: {
  max: this.yMax,
  interval: this.yMax / 4,
  axisLabel: { // 关键行
    formatter: function (value, index) { 
      return value.toFixed(0)
    }
  },
  type: 'value',
  axisLine: { // 设置坐标轴和坐标轴字体颜色
    lineStyle: {
      color: '#87a8db',
      width: 1
    }
  },
  splitLine: { // 去掉网格线
    show: false
  }
},