echarts legend 翻页改成滚动条形势

ECharts 的 Legend（图例）默认情况下并不支持直接设置成滚动条形式，但如果需要实现类似功能，你可以通过一些自定义插件或者CSS调整来达到视觉上的翻页效果。以下是一个简化的步骤：

1. **添加分组**：首先，将 Legends 分成多个部分，这可以通过调整数据结构或者手动配置 `legend.data` 来完成。

2. **CSS调整**：创建一个包含滚动条的容器，并将 Legend 放入其中。可以利用 CSS 设置 overflow 属性为 "scroll"，width 设定一个固定的宽度，超出内容就可滚动查看。

.legend-container {
  width: 200px; /* 预设滚动条宽度 */
  white-space: nowrap;
  overflow-x: auto;
}

3. **事件监听**：如果需要用户交互触发切换，可以给容器添加鼠标滚动事件，切换显示的内容。

4. **动态更新**：当数据变化时，你需要手动或者通过回调函数更新 Legend 的显示内容。

这里只是一个基本的指导，实际实现可能需要结合具体的项目需求编写详细的代码。如果你想要一个现成的解决方案，你可以在 ECharts 的论坛、GitHub 上搜索相关的示例或者插件。