echarts 各个部件位置移动

由于实际生产中,我们的数据会与示例数据有很大不同,导致图表中各组件出现堆叠的情况,这个时候就需要对图表中的组件位置进行调整。

基本上每个参数中都有left,right,bottom,top来控制对应组件的移动。

1: 1.图形的移动

(1): 在grid参数中进行设置  

在grid参数中进行设置

grid: {
   left: '3%',
   right: '4%',
   bottom: '3%',
   top: '10%'
   containLabel: true
},

eft参数:控制左边距离 ,如果设置为center则为居中(left:'center')
right参数:控制右边距离,如果设置为center则为居中(right:'center')
bottom参数:控制底部距离
top参数:控制顶部距离

containLabel参数:指的是gird 区域是否包含坐标轴的刻度标签, 默认不包含。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值