echarts柱状图左右滑动

要实现 Echarts 柱状图的左右滑动功能，可以使用 Echarts 提供的数据区域缩放和滑动功能。具体实现方法如下：

1. 在 Echarts 的配置项中开启数据区域缩放和滑动功能：

dataZoom: [{
    type: 'slider',   //数据区域缩放类型
    start: 0,         //数据窗口范围的起始百分比
    end: 100          //数据窗口范围的结束百分比
}]

2. 设置 X 轴的轴线和标签的文字样式：

xAxis: {
    axisLine: {
        lineStyle: {
            color: '#999'
        }
    },
    axisLabel: {
        textStyle: {
            color: '#999'
        }
    }
}

3. 为了更好地展示数据，可以对柱状图进行堆叠：

series: [{
    name: '数据1',
    type: 'bar',
    stack: '总量',
    data: [120, 132, 101, 134, 90, 230, 210]
}, {
    name: '数据2',
    type: 'bar',
    stack: '总量',
    data: [220, 182, 191, 234, 290, 330, 310]
}]

通过以上步骤，就可以实现 Echarts 柱状图的左右滑动功能了。