直接上代码
series: [
{
name: '访问来源', //这里本来是需要展示 ,如下图
type: 'pie',
radius: [0,'70%'],
center: ['50%', '50%'],
//label图形上的文本标签 formatter标签内容格式器 可以扩展内容
label: {formatter: '{b}: {@2012} ({d}%)'},
color:this.colors,
data: [ ],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
可以如上图看到:模板变量有 {a}, {b},{c},{d},{e},分别表示系列名,数据名,数据值等
- 折线(区域)图、柱状(条形)图、K线图 : {a}(系列名称),{b}(类目值),{c}(数值), {d}(无).
- 散点图(气泡)图 : {a}(系列名称),{b}(数据名称),{c}(数值数组), {d}(无)
- 地图 : {a}(系列名称),{b}(区域名称),{c}(合并数值), {d}(无
- 饼图、仪表盘、漏斗图: {a}(系列名称),{b}(数据项名称),{c}(数值), {d}(百分比
现在我不需要展示“访问来源”,只需要展示对应的数据名称即可,这个时候需要修改option.tooltip.formatter 属性,即如下:
tooltip: {
show:true,
trigger: 'item',
showContent:true,
formatter: '{a} <br/>{b} : {c} ({d}%)'
// ==> {a} <br/>{b} : {c} ({d}%) -- 替换为 {b}: ({d}%) 取消了a} <br/>
// ==> 看下a代表系列名,并且<br/>为换行,所以就感觉应该是修改这里,还真的隐藏掉了
},
,
果然“访问来源”是没有展示出来