ECharts关于y轴刻度调整

ECharts关于y轴刻度调整,第1张

开始的图是这样:

自我测试后发现数据ok没毛病,打包发布。

用户:我要的图上下拉开的,不是挤在一起的,这样的图我没法看。

等你调一个 dataMin和dataMax之后又说拉的太大了,有的小数点显示不整齐。

最后还是直接上函数控制吧:return Mathfloor(valuemin)

项目中使用了 百度Echarts

根据项目需要,要实现双Y轴展示柱状图

最终的样子是这样的

实现过程中遇到的问题

一开始是这个样子的(因为没有设置max min,天真的以为只要有数据,就会系统均分,万万没想到,出现左右刻度不重合现象,what ~~)

解决方法:(大致思路就是让文字倾斜)

解决方法: 翻来覆去,终于在github 的issue上看到,貌似echart30需要自己去定义 max,min,interval。系统不再自动计算适配。

既然这样,那就计算呗,根据项目需要,在这一块

小插曲:由于两侧都是动态数据,测试时候发现,左侧Y轴有时候会变为6份或者更多份。妹的,那就乱套了,左右Y轴不对应。那就固定起来,将左侧也固定为 5份。具体方法同上(计算max min interval)

基本就能解决了

that ' s all

番外篇:

在AntV中给label文字格式化设置

是否是脱离 0 值比例。设置成 true 后坐标刻度不会强制包含零刻度。在双数值轴的散点图中比较有用。

也可以设置x轴和y轴的最小最大值,达到自己想要的效果

可以统一给所有气泡x轴的数据增加20,帮助分散

3在y轴添加标记线(比如预警线)

以上就是关于ECharts关于y轴刻度调整全部的内容,包括:ECharts关于y轴刻度调整、Echarts 双Y轴刻度不一致、Echarts和highCharts图表使用总结(附AntV)等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9295872.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-26
下一篇 2023-04-26

发表评论

登录后才能评论

评论列表(0条)

保存