echarts柱形图鼠标滚动缩放

要在Echarts中实现柱形图的鼠标滚动缩放，可以使用Echarts的数据区域缩放功能。具体操作步骤如下：

1. 在Echarts的option中启用数据区域缩放功能，可以通过设置dataZoom属性来实现：

option = {
    ...
    dataZoom: [
        {
            type: 'inside', //启用鼠标滚轮缩放
            start: 0, //起始位置为0
            end: 100 //结束位置为100
        }
    ],
    ...
};

2. 设置xAxis的boundaryGap为true，这样可以让柱形图的第一条数据与y轴对齐：

option = {
    ...
    xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E'],
        boundaryGap: true //设置为true
    },
    ...
};

3. 在series中使用barWidth属性来设置柱形图的宽度，可以根据数据量的多少来灵活调整：

option = {
    ...
    series: [
        {
            name: '数据量',
            type: 'bar',
            data: [10, 20, 30, 40, 50],
            barWidth: 30 //设置柱形图的宽度
        }
    ],
    ...
};

通过以上操作，您就可以实现Echarts柱形图的鼠标滚动缩放了。