最近項目中剛接觸到echarts，根據產品經理的設計，需要使用echarts的datazoom功能，但是使用過程中，發現調整datazoom的位置一直不行，效果如下：
即使設置了datazoom中的bottom屬性，也拉不開和坐標系之間的距離，反而會使用datazoom顯示不全，后面仔細查閱echarts的配置項，發現了里面有個grid屬性，可以控制繪制的圖表和容器之間的距離，嘗試設置：
grid: { bottom: '155px', },
發現成功實現了想要的效果，如下：
grid詳細設置參數:http://www.echartsjs.com/option.html#grid
希望對大家有所幫助，謝謝。