要在Vue和EChart中动态赋值数据,可以按照以下步骤进行操作:
data() {
return {
chartData: []
}
}
created() {
// 异步请求数据
fetchData().then(response => {
// 将返回的数据赋值给chartData数组
this.chartData = response.data
})
}
option: {
xAxis: {
data: this.chartData.map(item => item.x)
},
yAxis: {
data: this.chartData.map(item => item.y)
},
series: [{
data: this.chartData.map(item => item.value)
}]
}
通过以上步骤,Vue和EChart中的数据就可以动态赋值了。