1.echarts 初始化时用法
methods:{
mounted() {
this.$nextTick(() => {
this.initChart();
});
},
destroyed() {
window.removeEventListener('resize', () => {});
},
//配置相
getOption(){
return {
grid: {
left: '8%',
right: '8%',
bottom: '15%',
},
tooltip: {
trigger: 'axis',
},
......
}
},
initChart() {
// 初始化echarts实例
this.chart = this.$echarts.init(this.$refs.echartRef);
// 获取配置
let option = this.getOption();
// 绘制图表
this.chart.setOption({ ...option });
setTimeout(() => {
window.addEventListener('resize', () => {
this.chart && this.chart.resize();
});
this.chart && this.chart.resize();
}, 200);
},
}