echarts 图例设置滚动条

ECharts是一个强大的JavaScript数据可视化库，它允许用户自定义图例的样式，包括是否显示滚动条。默认情况下，如果图例项目过多无法在一个视窗内展示，echarts会自动提供一个水平滚动条。要启用图例滚动条，你需要在配置选项里做以下设置：

var option = {
    legend: {
        data: ['series1', 'series2', ...], // 图例项目列表
        scroll: true, // 显示滚动条
        orient: 'horizontal', // 指定滚动方向，可以是'horizontal'（水平）或'vertical'（垂直）
        scrollWidth: 200, // 如果设置了，滚动宽度将固定
        itemGap: 5, // 每个图例项之间的间距
        itemHeight: 20 // 每个图例项的高度
    }
};

记得调整`scrollWidth`、`itemGap`和`itemHeight`值以适应你的需求。如果你想要更精细的控制，还可以考虑使用`scrollBar`对象设置额外的属性，如`show`, `trigger`等。