echarts柱状图横坐标滚动

为了实现echarts柱状图横坐标滚动，可以使用echarts自带的dataZoom组件。其中，type属性设置为slider即可实现滑动效果。具体实现步骤如下：

1.在option中添加dataZoom组件，设置type为slider。

2.设置xAxis的axisLabel属性中的interval为0，使得横坐标标签不重叠。

3.设置xAxis的axisLabel属性中的rotate为-45，使得横坐标标签倾斜显示。

4.如果数据项过多，可以设置dataZoom的startValue和endValue属性，控制初始显示的数据项个数。

以下是一个示例代码：

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
        axisLabel: {
            interval: 0,
            rotate: -45
        }
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [120, 200, 150, 80, 70, 110, 130],
        type: 'bar'
    }],
    dataZoom: {
        type: 'slider',
        startValue: 0,
        endValue: 3
    }
};