在操作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)'
},
}
}
]
};