echarts 使用datazoom后页面滚动失灵

当使用 `dataZoom` 组件后，页面滚动失灵的原因可能是因为 `dataZoom` 组件会拦截鼠标滚轮事件。为了解决这个问题，你可以通过以下两种方式之一：

1. 在 `dataZoom` 组件的配置项中设置 `zoomLock` 为 `false`，这样就不会拦截鼠标滚轮事件了。例如：

   option = {
     // ... 其他配置项
     dataZoom: [{
       // ... 其他配置项
       zoomLock: false
     }]
   };

2. 在 `chart` 容器上绑定滚轮事件，并且在事件处理函数中手动调用 `dataZoom` 组件的 `zoom` 方法来完成缩放操作。例如：

   var chart = echarts.init(document.getElementById('chart'));
   chart.on('mousewheel', function (params) {
     var dataZoom = chart.getOption().dataZoom[0];
     var zoom = (params.wheelDelta > 0) ? 1.1 : 0.9;
     chart.dispatchAction({
       type: 'dataZoom',
       start: dataZoom.start,
       end: dataZoom.end,
       zoom: zoom
     });
   });

以上两种方式都可以解决 `dataZoom` 导致页面滚动失灵的问题，你可以根据自己的实际情况选择其中一种来实现。