echarts3雷达图radar坐标系的标签手动触发tooltip不显示

weixin_38059951 2019-08-07 02:06:48
现在项目需求是鼠标放在雷达图的坐标轴标签上,显示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]
});
}
},  
...全文
275 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

476

社区成员

发帖
与我相关
我的任务
社区描述
其他技术讨论专区
其他 技术论坛(原bbs)
社区管理员
  • 其他技术讨论专区社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧