Echarts图例数据太多实现滚动效果
当我们引入echarts图表,当展示的数据项比较多的时候,尤其是在展示环形图或者是饼状图的时候,当数据项比较多,图例就会堆积到一起,显示的很乱,这时候就需要显示个翻页效果。
下面是图例的设置
legend: {
type: 'scroll', // 设置图例翻页
icon: 'rect',
itemWidth: 12, // 图例图形宽度
itemHeight: 10,
orient: 'horizontal', // 图例横向排布
data: title, // title是一个列表,存着图例的数据
left: 15, // 图例位置
bottom: 8,
textStyle: {
color: '#fff',
fontSize: 12
},
pageIconColor: '#fff',
pageTextStyle: {
color: '#fff'
},
itemGap: 20
},