echarts实现y轴刻度动态自适应变化

项目场景

我看到网上都是设置max和min的值经过计算之后调整。比如：

 option.yAxis = [{
    type: 'value',
    max: (value) => {
      return Math.ceil(value.max) + Math.ceil(value.max / 2);
    },
  }]

但是这是这种我们会发现计算的最大值不是整数，虽然居中了，但是上下都空了很多，看着不是很好看。

解决方法

我在一些博客的评论区发现其实echarts有自带的属性。

  option.yAxis = [{
    type: 'value',
    // max: (value) => {
    //   return Math.ceil(value.max) + Math.ceil(value.max / 2);
    // },
    scale:true,/*按比例显示*/
  }]

插入这段就可以了。最后效果：

看起来观感好多了。