我菜,只会用算数实现echarts这个线图的需求

发布时间:2022-06-27 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了我菜,只会用算数实现echarts这个线图的需求脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

需求:yaxis 只能展示4个分割线

我菜,只会用算数实现echarts这个线图的需求

预估值!!!

我菜,只会用算数实现echarts这个线图的需求

好,就用这个方法,但是值是不可控的,间隔不能出现小数点。 那么,根据最大值和间隔数量,计算间隔值,然后取整,然后重新计算最大值。 听着不错,但是额外的需求来了,这个间隔值不能看到小数点或者看起来有规则,就巴拉巴拉巴拉,然后我就阿巴阿巴阿巴。


然后我就直接上公式 数据最大值:A=Math.max(…arr) 间隔单位:B=Math.pow(10,maxLength-2) * 5 间隔数量:C=3 (4个分割线,那就是3个间隔嘛) 每个间隔大小:D= ( Math.ceil( Number( (A/C).toFixed(2) ) / B ) ) * B 最大值:E=D*C

我菜,只会用算数实现echarts这个线图的需求

亲测有效! 我从来没想过,我一个写前端页面的,我还得去写数学公式!!!

脚本宝典总结

以上是脚本宝典为你收集整理的我菜,只会用算数实现echarts这个线图的需求全部内容,希望文章能够帮你解决我菜,只会用算数实现echarts这个线图的需求所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: