echarts 柱状图 X轴数据过多时横向拉动展示

使用echarts 柱状图数据过多时，容易挤到一起，导致排版很不清楚。
就像下图这样：

到网上找了很多，答案都不尽人意，后来就到官网查API文档，被我给找到了
先出效果图，再上答案

没错就是这种横向X轴拖动
配置代码就是

        dataZoom : [
            {
                type: 'slider',
                show: true,
                start: 94,
                end: 100,
                handleSize: 8
            },
            {
                type: 'inside',
                start: 94,
                end: 100
            },
            {
                type: 'slider',
                show: true,
                yAxisIndex: 0,
                filterMode: 'empty',
                width: 12,
                height: '70%',
                handleSize: 8,
                showDataShadow: false,
                left: '93%'
            }
        ]
官网API 地址 http://echarts.baidu.com/option.html#dataZoom-slider