echarts柱状图设置自动滚动

您可以使用 echarts 的 dataZoom 组件来实现柱状图的自动滚动效果。以下是一个简单的示例代码：

option = {
    xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E', 'F', 'G']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        type: 'bar',
        data: [10, 20, 30, 40, 50, 60, 70]
    }],
    dataZoom: [{
        type: 'slider',
        show: true,
        start: 0,
        end: 50,
        handleSize: 8
    }]
};

var chart = echarts.init(document.getElementById('chart'));
chart.setOption(option);

setInterval(function () {
    var start = option.dataZoom[0].start + 1;
    var end = option.dataZoom[0].end + 1;
    if (end > option.xAxis.data.length) {
        start = 0;
        end = 50;
    }
    chart.dispatchAction({
        type: 'dataZoom',
        start: start,
        end: end
    });
}, 2000);

这个示例代码中，我们设置了一个 dataZoom 组件，它是一个滑动条，可以用来缩放 x 轴上的数据范围。然后我们使用 setInterval 函数来定时修改 dataZoom 的起始和结束位置，从而实现自动滚动的效果。具体来说，我们每隔 2 秒钟就将 dataZoom 的起始位置和结束位置都加上 1，当结束位置超过 x 轴上的数据长度时，就将它们重置为 0 和 50，从而实现循环滚动的效果。