echarts的legend圖例設置進入頁面顯示的個數

在操作echarts時,echarts的柱狀圖、餅圖等各種圖形顯示的時候往往會有legend圖標的顯示,有時候需求要求,legend圖標不全部顯示,只顯示一個或指定的圖標顯示。
默認的圖形(以餅圖爲例):

需求要的圖例:

代碼:

  option = {
		    title: {
		        text: '今日交易情況統計',
		        left: 'center'
		    },
		    tooltip : {
		        trigger: 'item',
		        formatter: "{a} <br/>{b} : {c} ({d}%)"
		    },
		    color:['#ff635c','#FAD860','#F3A43B'],
		    //圖例的顏色,可自行改變
		    legend: {
		        // orient: 'vertical',
		        // top: 'middle',
		        bottom: 10,
		        left: 'center',
		        data: ["交易金額","交易數量","手續費"],
		        selected: {'手續費':false}
		        //不想顯示的設置爲false
		    },
		    series : [
		        {
		        	name:'今日交易',
		            type: 'pie',
		            radius : '65%',
		            center: ['50%', '50%'],
		            selectedMode: 'single',
		            data:[
		                {value:data.amount, name: '交易金額',selected:true},
		                //selected:true爲圖例選中狀態
		                {value:data.count, name: '交易數量'},
		                {value:data.fee_sum, name: '手續費'}
		            ],
		            itemStyle: {
		                emphasis: {
		                    shadowBlur: 10,
		                    shadowOffsetX: 0,
		                    shadowColor: 'rgba(0, 0, 0, 0.5)'
		                },		               
		            }
		        }
		    ]
		};
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章