Echarts圖例數據太多實現滾動效果


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM