Echarts 雷达图 获取单轴数据 ToolTip展示单轴数据

1,907 阅读1分钟

通常的Echarts的雷达图是展示全部的

而且 tooltip 属性中 formatter自定义显示也没有暴露相关 哪一列的信息

主要思路是 通过chart 的 mouseover事件 获取相关列信息

myChart.on('mouseover', (params) => {
    // console.log(params)
    try {
      hover(params)
    } catch (error) {
      // console.log(error)
    }
  })

在回调参数中 

params.event.target.shape.symbolType == 'circle'

可以判断是否移入的是点位  

并且 通过 该属性可以找到 具体的点位下标

params.event.topTarget.__dimIdx

然后就可以进行tooltip配置了

效果图: