echarts3雷达图radar坐标系的标签手动触发tooltip不显示
现在项目需求是鼠标放在雷达图的坐标轴标签上,显示tooltip,手动触发showTip事件,但是tooltip显示不了,有大佬知道怎么实现吗
bindRadarLabelEvent() { // 雷达图标签绑定事件
const {$refs: {scalperBrandChart:{chart}}} = this;
chart.on('mouseover',this.labelOverEvent);
chart.on('mouseout',this.labelOutEvent);
},
labelOverEvent(params) { // 鼠标over事件
console.log(params);
const {$refs: {scalperBrandChart:{chart}}} = this;
if(params.componentType === 'radar') {
let offsetX = params.event.offsetX + 10
let offsetY = params.event.offsetY + 10
const [{num}] = this.radarItems.filter(({name,num}) => {
return name === params.name;
});
chart.setOption({
tooltip: {
formatter:'test',
alwaysShowContent: true
}
});
chart.dispatchAction({
type: 'showTip',
//x: offsetX,
//y: offsetY,
position: [offsetX, offsetY]
});
}
},