echarts 图例过多分页显示，滚动切换页数

ECharts是一款非常流行的JavaScript图表库，当图例项目过多无法在一个视窗内展示时，可以采用分页和滚动的方式来管理。在ECharts中，图例分页通常通过配置`legendScroll`组件实现。以下是关键步骤：

1. **引入依赖**：首先需要在ECharts实例中启用`legendScroll`，所以在初始化配置时添加`scroll`属性：

   var myChart = echarts.init(document.getElementById('main'), 'scroll');

2. **设置选项**：在配置项里，你需要指定`scroll`部分的内容，包括总共有多少页、每页显示多少项以及是否允许用户滚动浏览：

   var option = {
       legend: {
           scroll: {
               type: 'scroll',
               pageButtonItemGap: 10, // 页签间距
               pageIcon: 'path://M90.7,46l5.8,3.7c2.5,1.6,4.2,4,4.2,6.6s-1.7,5-4.2,6.6L85.9,61c-2.5,1.6-5.2,0-6.6-1.7S74.4,52,72,49.4L66.3,46V46z', // 自定义页签图标
               data: [1, 2, 3, 4, ...] // 列表长度等于总的图例项数
           }
       },
       // 其他chart配置...
   };

3. **监听事件**：为了响应用户的滚动操作，你可以监听`legendScroll`的`scroll`事件：

   myChart.on('legendScroll', function (params) {
       console.log('当前页码:', params.current);
   });