ECharts 入门示例 - 解决滚动性能问题

<p>这是一个来自浏览器控制台的警告消息。它表示已添加了阻塞滚动事件监听器到'mousewheel'和'wheel'事件中，这可能会对页面的性能和响应性产生负面影响。\n\n要解决这个问题，您可以将事件处理程序标记为'passive'，这告诉浏览器处理程序不会调用preventDefault()。这允许浏览器优化滚动性能。\n\n您可以在提供的链接中找到有关此浏览器功能以及如何使用被动事件监听器的更多信息：https://www.chromestatus.com/feature/5745543795965952\n\n<template>\n  <div id="main" style="width: 600px; height: 400px"></div>\n</template>\n<script type="text/javascript">\nimport * as echarts from &quot;echarts&quot;;\nexport default {\n  mounted() {\n    // 基于准备好的dom，初始化echarts实例\n    var myChart = echarts.init(document.getElementById(&quot;main&quot;));\n    // 绘制图表\n    myChart.setOption({\n      title: {\n        text: &quot;ECharts 入门示例&quot;\n      },\n      tooltip: {},\n      xAxis: {\n        data: [&quot;衬衫&quot;, &quot;羊毛衫&quot;, &quot;雪纺衫&quot;, &quot;裤子&quot;, &quot;高跟鞋&quot;, &quot;袜子&quot;]\n      },\n      yAxis: {},\n      series: [\n        {\n          name: &quot;销量&quot;,\n          type: &quot;bar&quot;,\n          data: [5, 20, 36, 10, 10, 20]\n        }\n      ]\n    });\n  }\n};</p>