Echarts 设置y轴自动计算范围最大值最小值导致的刻度消失问题。

min、max在设置为‘auto’和'dataMin'的时候刻度会消失。

使用下面几个方法,function返回值、或者直接设置值就行。

难道是因为必须要确定一个值才能计算出刻度吗?

用一下老哥的代码

 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 关于Y轴的刻度优化(最大最小值的设置-自适应)_echarts设置y轴的刻度大小-CSDN博客

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值