vue-cli项目中引入echarts

1 安装echarts

npm install echarts --save

2 main.js中引用和声明

vue-cli项目中引入echarts

3 组件中使用

// 声明
data() {
	myChart: null
}
// 调用
mounted() {
	this.draw()
}
// 定义
methods: {
	draw() {
		this.myChart = this.$echarts.init(document.getElementById(''));
		this.myChart.setOption({})
	}
}

4 echarts窗口自适应

mounted() {
	window.addEventListener('resize', () => {
		this.myChart.resize()
	})
}
上一篇:[Vuejs] 组件 v-if 和 v-show 切换时生命周期钩子的执行


下一篇:vue 生命周期一点学习