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上加入此指令!
完美!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)