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

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() // 这个方法也没执行

})

},

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