使用富文本显示雷达图的标签,triggerEvent设置为true,无法触发标签的点击事件
配置项如下
option = {
title: {},
tooltip: {},
legend: {},
radar: {
// 配置点击标签触发事件
triggerEvent: true,
name: {
/*formatter(name) {
return name;
},*/
// 使用下面这段配置,triggerEvent就失效了
formatter(name) {
return `{abc|${name}}`;
},
rich: {
abc: {
color: 'red'
}
}
},
indicator: [
{ name: '销售(sales)', max: 6500},
{ name: '管理(Administration)', max: 16000},
{ name: '信息技术(Information Techology)', max: 30000},
{ name: '客服(Customer Support)', max: 38000},
{ name: '研发(Development)', max: 52000},
{ name: '市场(Marketing)', max: 25000}
]
},
series: [{
name: '预算 vs 开销(Budget vs spending)',
type: 'radar',
data : [
{
value : [4300, 10000, 28000, 35000, 50000, 19000],
name : '预算分配(Allocated Budget)'
},
{
value : [5000, 14000, 28000, 31000, 42000, 21000],
name : '实际开销(Actual Spending)'
}
]
}]
};
myChart.on('click', (params) => {
if (params.componentType === 'radar') {
alert('触发了点击标签事件!');
}
})