echarts中yAxis.max 可以接收一个函数(官网说明)
常用的计算方式
js
max: function(value){
return Math.ceil( value.max * 1.2 )
}
弊端,多出一个分割线,导致间隔的大小不一致
修改处理逻辑
- 最大值 = echarts的最大值 * 放大的系数
- 每段的值 = 最大值 / 轴线分割数
- 每段的值取整
- 取整后的值 * 轴线分割数
完整的代码
js
comEchartsMaxNum(num, splitNumber = 5, coefficient = 1.2) {
console.log('🚀 ~ drawEcharts ~ comEchartsMaxNum ~ num:', num)
let numFmt = Math.ceil(Math.ceil(num * coefficient) / splitNumber)
let len = 10 ** Math.max(String(numFmt).length - 1, 1)
let max = Math.ceil(numFmt / len) * 5 * len
return max
}