echarts 折线图 legend配置项超出加滚动条

ECharts是一个流行的JavaScript图表库，用于创建交互式的数据可视化。当折线图的Legend（图例）内容过多，导致无法在默认视窗中完全展示时，你可以通过配置legend的scrollable选项来添加滚动条。以下是设置滚动条的基本步骤：

1. 首先，确保你已经在ECharts的配置对象中包含了legend部分，比如这样：

var option = {
  // ... 其他图表配置
  legend: {
    data: ['数据1', '数据2', '数据3', ...], // 图例的标题或系列名称
    // ... 你的其他legend配置
    scrollable: true, // 启用滚动条
    // 可选：滚动条的样式和行为
    show: true, // 显示滚动条，默认是true
    orient: 'vertical', // 滚动条的方向，默认是垂直
    position: 'right', // 滚动条的位置，默认是右下角
    padding: 10, // 滚动条与图例边界的间距
    width: 15, // 滚动条宽度，单位px，默认为自动
  },
};

2. `scrollable`属性控制是否显示滚动条，设置为`true`表示开启。

3. 如果需要更精细的控制滚动条的行为，可以调整`show`, `orient`, `position`, 和 `width`等属性，根据实际需求定制滚动条的样式。

4. 当数据更新或视口变化时，图例可能会重新布局，这时滚动条会自动调整其可见区域。