需求
在做的项目有个需求是在雷达图中在tooltip的title位置不止显示纵坐标,还需要显示对应的value
我百度了好长时间,找到一篇比较符合需求的,是使用 customContent 处理的,我这个新手觉得太复杂了,而且还会影响我下面显示的tooltip的item,就想找到更简单的方法
官方文档相关内容
我的代码:
tooltip: {
showTitle: true,
// 拼接标题
title: (params: any, datum: any) => {
return ${params} \u00A0\u00A0 ${datum.score}
;
},
fields: radarTitle,
},
最后实现的效果:
唯一不太满意的是没办法跟下面的item数字对齐,因为title是一个div,不能单独对数字设置样式,要想能对齐,大概只能使用customContent 的方法了