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