type
status
date
slug
summary
tags
category
icon
password

想要实现的效果:

notion image

实现方式:

使用tooltip下面的formatter方法
formatter里包含一个参数,这个参数是一个数组,数组的排列顺序和我们在series里配置的数据的顺序是一致的
比如上面的图片里,有两列柱形,一个是”计划”,一个是”实绩”,那么此时formatter里打印出来的参数就是”计划”和”实绩”的数据,如下图所示:
notion image
 
我们通过formatter方法里的参数,拿到柱状图展示的数据,然后自定义标签文本的代码,并将其return出来,就可以实现自定义tooltip框,如下所示:
 

完整代码:

夜跑时的照片记录Vue Router@4:安装和使用
衔蝉
衔蝉
一个普通的干饭人🍚
公告
type
status
date
slug
summary
tags
category
icon
password
欢迎来到衔蝉的博客小站✨
这里是我的个人学习、生活记录
--- 免责声明 ---
⚠️ 本站内容仅代表个人观点
⚠️ 本站内容仅供学习参考使用
--- 关于我 ---
我要如加菲猫一般地活着
一大碗杂碎面
就能换来一个艳阳天🌻