最近项目中刚接触到echarts，根据产品经理的设计，需要使用echarts的datazoom功能，但是使用过程中，发现调整datazoom的位置一直不行，效果如下：
即使设置了datazoom中的bottom属性，也拉不开和坐标系之间的距离，反而会使用datazoom显示不全，后面仔细查阅echarts的配置项，发现了里面有个grid属性，可以控制绘制的图表和容器之间的距离，尝试设置：
grid: { bottom: '155px', },
发现成功实现了想要的效果，如下：
grid详细设置参数:http://www.echartsjs.com/option.html#grid
希望对大家有所帮助，谢谢。