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
},