echarts 图例翻页

ECharts是一个基于JavaScript的开源可视化库，用于构建交互式的图表和数据可视化界面。图例翻页是指当图例数量过多时，可以通过翻页的方式来展示更多的图例项，以便更好地展示数据。

在ECharts中，可以通过设置legend的属性来实现图例翻页功能。具体步骤如下：

1. 设置图例的orient属性为'vertical'，使图例垂直排列。
2. 设置图例的type属性为'scroll'，启用图例翻页功能。
3. 设置图例的pageIconSize属性，用于设置翻页按钮的大小。
4. 设置图例的pageButtonItemGap属性，用于设置翻页按钮与图例项之间的间距。
5. 设置图例的pageFormatter属性，用于自定义翻页按钮的显示文本。

以下是一个示例代码：

option = {
    legend: {
        orient: 'vertical',
        type: 'scroll',
        pageIconSize: [10, 10],
        pageButtonItemGap: 5,
        pageFormatter: '{current}/{total}',
        data: ['图例项1', '图例项2', '图例项3', '图例项4', '图例项5', '图例项6', '图例项7', '图例项8', '图例项9', '图例项10']
    },
    // 其他配置项...
    series: [
        // 数据系列配置...
    ]
};

在上述示例中，设置了图例的orient为'vertical'，type为'scroll'，并且设置了一些翻页按钮的样式和文本格式。当图例项数量超过一定限制时，会自动显示翻页按钮，用户可以点击按钮来切换显示的图例项。