echarts数据怎么赋值 vue_vue中使用echarts点击事件，怎么赋值到vue变量

问题描述

饼图已经画好，在饼图添加点击事件，需要获取index,在赋值给 this.index,可是打印出来还是空的。貌似在点击事件中，连读取this.areaEnergy,都没办法

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

let myEnergypis = this.$echarts.init(document.getElementById('energyPis'))

myEnergypis.setOption({

title : {

text: '图',

subtext: '区域：'+this.areaEnergy.maxNum,

x:'center'

},

tooltip : {

trigger: 'item',

formatter: "{a}
{b} : {c} ({d}%)"

},

legend: {

orient: 'vertical',

left: 'left',

data: this.energyPiename

},

series : [

{

name: '数值',

type: 'pie',

selectedMode: 'single',

radius : '55%',

center: ['50%', '60%'],

data:this.energyPieData,

itemStyle: {

emphasis: {

shadowBlur: 10,

shadowOffsetX: 0,

shadowColor: 'rgba(0, 0, 0, 0.5)'

}

}

}

]

},true);

myEnergypis.off('click')

myEnergypis.on('click', function (params) {

var a = params.dataIndex

var energyAreaId = params.data.id

var url = params.data.url

console.log(url)

this.areaEnergyindex = a

});

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

有办法赋值回去吗？