echarts如何设置把纵坐标高度调高 因为数据很多

echarts如何设置把纵坐标高度调高 因为数据很多,第1张

yAxis中先设置 minInterval : 1, 再设置 boundaryGap : [ 0, 0.1 ],

boundaryGap是坐标轴两端空白策略,数组内数值代表百分比,

[原始数据最小值与最终最小值之间的差额,原始数据最大值与最终最大值之间的差额]。比如,你数据是范围是0-120(最小值0,最大值120),那么,[0.5,

1]就表示,在最小值下方扩展50%的空间,在最大值上方扩展100%空间,也就是范围是[0 - 50% * (120 - 0), 120 +

100% * (120 - 0)]即y轴最小坐标为-60,最大坐标为240。

在实际的vue项目中,遇到想让echarts能根据屏幕,或者是父组件的大小改变来自适应的改变图表的大小,那么下边我就介绍一下,如何使用vue中的自定义指令,让图标自适应

  1、首先新建一个js文件,用来自定义一个全局指令:

 2、然后在main.js中引入:

3、然后在自己使用的echarts上加入此指令!

完美!


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

原文地址: https://outofmemory.cn/tougao/11235789.html

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

发表评论

登录后才能评论

评论列表(0条)

保存