当我们柱状图中X轴数据太多的时候，会自动把柱形的宽度挤的很细，带来的交互非常不好，因此就有一个属性来解决：dataZoom
我这里只是实现了一个简易的版本，横向滚动。

dataZoom: {
          show: true, // 为true 滚动条出现
          realtime: true, // 实时更新
          type:'slider', // 有type这个属性，滚动条在最下面，也可以不行，写y：36，这表示距离顶端36px，一般就是在图上面。
          height: 12, // 表示滚动条的高度，也就是粗细
          start: 20, // 表示默认展示20%～80%这一段。
          end: 80,
        },

这样就实现了一个简单的柱状图滚动条。