Vue的echarts的折线图和柱状图上分别给点击事件，然后跳到对应的页面

Question

echart中渲染出柱状图，但是需要在每个柱子上给对应的点击事件然后跳到对应的页面

百度上搜的CSDN上的解决方法，但发现很多帖子都是转载相互抄来抄去，还是没解决需求

drawLineChart () {

  let moduleRank = this.$echarts.init(document.getElementById('moduleRankLine'), null, {renderer: 'svg'})
  let PPM = this.$echarts.init(document.getElementById('PPMLine'), null, {render: 'svg'})
  let stackHash = this.$echarts.init(document.getElementById('stackHash'), null, {render: 'svg'})
  let changeTendency = this.$echarts.init(document.getElementById('changeTendency'), null, {render: 'svg'})
  moduleRank.setOption(moduleChartOption.rankOption, true)
  PPM.setOption(moduleChartOption.ppmOption, true)
  stackHash.setOption(moduleChartOption.stackHashOption, true)
  changeTendency.setOption(moduleChartOption.changeTendency, true)
  // 点击变化趋势(折线图)后要弹出遮罩层
  changeTendency.on('click', function (param) {
   
    alert('点击' + param.data) // 柱状图上的数值并不会弹出
    this.openMessage() // 这个方法也没执行
  })
},

你期待的结果是什么？实际看到的错误信息又是什么？