echarts legendScroll
时间: 2023-11-14 11:09:36 浏览: 64
echarts-doc
echarts中的legend组件可以通过设置scroll属性来实现图例滚动。当图例数量过多时,可以通过滚动来查看所有的图例。
例如,可以在legend组件中设置scroll属性为true,然后在series中设置data属性来添加数据,当图例数量超过一定值时,就会出现滚动条。
示例代码如下:
```
option = {
legend: {
data: ['图例1', '图例2', '图例3', '图例4', '图例5', '图例6', '图例7', '图例8', '图例9', '图例10', '图例11', '图例12'],
scroll: true
},
series: [{
name: '系列1',
type: 'bar',
data: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 110, 120]
}]
};
```
阅读全文