vue-echarts-v3雷达图的tooltip如何获取该拐点对应的数据在data中的索引

在vue项目中使用vue-echarts-v3,做的雷达图需要实现以下的tooltip效果:
图片描述

trigger是'item',因为tooltip默认是你点哪个类目的线的拐点就显示该类目的名称和它对应的所有数据项,但我需要点某个拐点的时候显示所有类目的名称和对应这个数据项的名字数据。我按照文档中两种自定义的方法(字符串模板和函数),都只能拿到类目名和类目的索引(dataIndex),也就是说只能拿到"自己"或者"目标",但获取不到我点的这个拐点对应的数据项(数与式),请问如何解决

这是option中的相关配置:

tooltip: {
    trigger: 'item'
},
legend: {
    data: ["目标", "自己"]
},
indicator: [
  {name: '数与式', max: 100},
  {name: '统计与\n概率', max: 100},
  {name: '图形的\n变化', max: 100},
  {name: '图形的性质', max: 100},
  {name: '函数', max: 100},
  {name: '方程与\n不等公式', max: 100}
],
series: [{
    data: [
        {name: '自己', value: [0,0,0,0,0,0]},
        {name: '目标', value: [90,90,90,90,90,90]}
    ]
}]

我需要的是点击雷达图中"自己"这个类目的线(橙色线)的"数与式"那个点时,tooltip的内容是所有类目(图中就"自己"和"目标"两个类目)对应的"数与式"这个数据项的值。或者拿到其在indicator中的索引也可以。

阅读 6k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题