解決辦法:首次加載時(shí)渲染圖表要销,再次調(diào)用時(shí)只更改數(shù)據(jù)
getPassdata(data) {
this.passColumnPlot = new Column('passcontainer', {
data,
xField: 'year',
yField: 'count',
columnWidthRatio: 0.3,
xAxis: {
label: {
autoHide: true,
autoRotate: false,
},
},
meta: {
year: {
alias: '類別',
},
count: {
alias: '數(shù)量',
},
},
});
this.passColumnPlot.render();
},
// 獲取報(bào)表
async getReport() {
const getReportDatalist = await Taskmanagement.getReportData(this.formselect);
if (getReportDatalist == null) return;
this.getReportDatalist = getReportDatalist
if (this.firstChart == true) {
this.firstChart = false;
this.getPassdata(this.getReportDatalist)
} else {
this.passColumnPlot.chart.changeData(this.getReportDatalist);
}
}