开始的图是这样:
自我测试后发现数据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)等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)