echarts拓扑图给节点添加点击事件

问题描述

前端使用echarts展示关系图，要求点击节点做一些操作。

问题解决

// 节点渲染完后调一个方法设置点击事件
myChart.setOption(option)
this.handleClickNode(myChart)

// 设置点击事件
handleClickNode(chart) {
  chart.off('click') // 很重要！！否则每次渲染都会增加一次点击事件
  chart.on('click', function (params) {
    if (params.dataType === 'node') {
      // 点击节点
      alert('点击了节点: ' + params.name)
    } else if (params.dataType === 'edge') {
      // 点击边线
      
    }
  })
}