echarts柱状图纵坐标滚动

为了实现echarts柱状图纵坐标滚动，可以使用dataZoom组件。具体实现步骤如下：

1.在option中添加y轴的最大值和最小值，以及dataZoom组件的配置项。

option = {
    yAxis: {
        min: 0, // y轴最小值
        max: 100, // y轴最大值
    },
    dataZoom: [
        {
            type: 'slider', // 滑动条
            show: true, // 显示滑动条
            yAxisIndex: [0], // 对应的y轴
            start: 0, // 开始位置
            end: 20, // 结束位置
        },
        {
            type: 'inside', // 内置滑动
            yAxisIndex: [0], // 对应的y轴
            start: 0, // 开始位置
            end: 20, // 结束位置
        },
    ],
    series: [
        {
            type: 'bar',
            data: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100],
        },
    ],
};

2.在dataZoom组件中设置type为slider，表示使用滑动条，设置show为true，表示显示滑动条，设置yAxisIndex为，表示对应的y轴为第一个y轴，设置start和end，表示滑动条的起始位置和结束位置。

3.在dataZoom组件中再添加一个type为inside的组件，表示使用内置滑动，设置yAxisIndex为，表示对应的y轴为第一个y轴，设置start和end，表示内置滑动的起始位置和结束位置。

4.在series中添加数据。

series: [
    {
        type: 'bar',
        data: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100],
    },
],

5.最终效果如下图所示：