这是代码:
new Vue({
el: '#report',
created() {
this.getChartOptionsData()
},
mounted() {
this.initCharts()
},
data() {
return {
statusChartOptions: {
title : {
text: '文件状态统计(饼图)',
x:'center'
},
tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
orient: 'vertical',
left: 'left',
data: []
},
toolbox: {
feature: {
saveAsImage: {}
}
},
series : [
{
name: '访问来源',
type: 'pie',
radius : '55%',
center: ['50%', '60%'],
data:[],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
},
}
},
methods: {
initCharts() {
let statusPieChart = echarts.init(this.$refs.stPie);
statusPieChart.setOption(this.statusChartOptions);
},
getChartOptionsData() {
this.$http.post('/File/getChartOptionsData').then(response => {
this.statusChartOptions.legend.data = response.data.statusChart.status
this.statusChartOptions.series = response.data.statusChart.data
})
}
}
});
这是生成的图表,没有表- -!,但是获取的数据都是正常的,不知为何。
tatusChartOptions.series.data = response.data.statusChart.data
少了个data吧?