1.解决之前效果图
2.解决之后效果图
统计图配置代码展示
myEchart() {
let httjChart = echarts.init(document.getElementById('httjchart'));
let option = {
xAxis: {
type: 'category',
data: this.xData
},
yAxis: {
type: 'value',
name: this.radio === '金额' ? '元' : '个'
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
series: this.seriesData
};
httjChart.setOption(option);
window.addEventListener('resize', function () {
httjChart.resize();
});
}
未解决之前代码
mounted() {
this.myEchart();
}
解决之后代码
mounted() {
this.$nextTick(() => {
this.myEchart();
})
}