echarts 关于Y轴的刻度优化

Y轴的刻度优化(最大最小值自适应)

yAxis: {
  min:0,  //取0为最小刻度
  max: 100, //取100为最大刻度

  min:'dataMin', //取最小值为最小刻度
  max: 'dataMax', //取最大值为最大刻度

  min: function(value) {//取最小值向下取整为最小刻度
    return Math.floor(value.min)
  },
  max: function(value) {//取最大值向上取整为最大刻度
    return  Math.ceil(value.max) 
  },
  min: (value) => { // 百位起最小值向下取整
    return Math.floor(value.min / 100) * 100; 
  },
  max: (value) => {  // 百位起最大值向上取整
    return Math.ceil(value.max / 100) * 100;
  }
  min: (value) => { //当数据位数不固定时,最小值向下取整
    let num = 10 ** (value.min.toString().length - 2)
    return Math.floor(value.min / num) * num;
  },
  max: (value) => { //当数据位数不固定时,最大值向上取整
    let num = 10 ** (value.max.toString().length - 2)
    return Math.ceil(value.max / num) * num;
    }
  scale: true, //自适应
},

你可能感兴趣的:(Echarts,echarts,前端,javascript)