vue element 引用 echart 总结缩略图

methods 写方法

methods: {
	drawLine() {
		// var i=0;
		// 基于准备好的dom,初始化echarts实例
		let myChart = this.$echarts.init(document.getElementById("myChart"));
		// 绘制图表
		myChart.setOption({
			....
		});
		window.addEventListener("resize", () => {
			if(myChart){
				myChart.resize()
			}
		})
	},
	drawPIe() {
		// var i=0;
		// 基于准备好的dom,初始化echarts实例
		let myChart = this.$echarts.init(document.getElementById("pieChart"));
		// 绘制图表
		myChart.setOption({
		....
		});
		window.addEventListener("resize", () => {
			if(myChart){
				myChart.resize()
			}
		})
	}
},

mounted 调用

mounted() {
	this.drawPIe();
	this.drawLine();
},

跟随页面放大缩小 加上下面的代码



window.addEventListener("resize", () => {
	if(myChart){
		myChart.resize()
	}
})

By lxcss

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注