antV组件tooltip的title修改

antV组件tooltip的title修改

需求

在做的项目有个需求是在雷达图中在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 的方法了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值