Echarts Y轴遮挡解决方案

Echarts Y轴遮挡解决方案

背景:在做手机端的时候要实现图表展示,但是Echarts有个通病,就是对小屏幕的浏览器不太兼容,开始尝试设置绑定div的样式,加上padding :0发现不管用,用谷歌浏览器调试发现Echarts是用cavas绘制的,根本不能通过添加样式解决问题,后来花了一点时间研究,成功解决了两侧遮挡的问题

被遮挡图片展示

Echarts Y轴遮挡解决方案_第1张图片

实现过程

在option中添加以下代码:

grid: {
    			 left: '2%',
    			 right: '2%',
    			 bottom: '10%',
    			 containLabel: true,
    			 show:'true',
    			 borderWidth:'0'
    		},

Echarts Y轴遮挡解决方案_第2张图片

如果有想沟通的请下面留言。

你可能感兴趣的:(前端,javascript,css,css3)