//vue的原型上挂载echarts
//在main.js文件中
import * as echarts from 'echarts';
Vue.prototype.$echarts = echarts;
//在组件template中
<div class="content">
<div class="w100 h100" ref="echarts1"></div>
</div>
export default{
data(){
return{
echarts1: null
}
}
mounted() {
//this.$echarts.init是vue原型中$echarts提供的方法,接收三个参数:dom,theme,opts
//this.$refs.echarts1是参数1容器
this.echarts1 = this.$echarts.init(this.$refs.echarts1);
//设置配置项
this.echarts9.setOption(this.option9);
//自适应
window.addEventListener('resize', () => {
this.resize();
});
}
methods:{
//自适应
resize() {
if (this.echarts1) this.echarts1.resize()
},
}
}