vue中e-charts的基本使用
Posted xiao-peng-ji
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue中e-charts的基本使用相关的知识，希望对你有一定的参考价值。
1.安装e-charts项目依赖
npm install echarts --save
或者
npm install echarts -S
2.引入项目中
全局引入（main.js）
import echarts from ‘echarts‘
Vue.prototype.$echarts = echarts
这种方法是直接绑定在vue实例上，所以在项目中任何页面，直接 this.$echarts 即可
局部引入（需要的页面进行引入）
import echarts from ‘echarts‘
3.初始化echarts
首先在你需要echarts的页面中得创建一个dom元素
<div id="myCharts" ref="myCharts"></div>
其次，在mounted中初始化echarts( 不能写在created中)
1.const myCharts = this.$echarts.init(this.$refs.myCharts);2.let options = {
xxx
}
3.myCharts.setOption(options);
以上是关于vue中e-charts的基本使用的主要内容，如果未能解决你的问题，请参考以下文章