1.安装echarts
npm install echarts --save
2.可以在项目入口一如全局 也可以在局部页面引入
1.在单独页面引入
import echarts from 'echarts'
2. 也可以在main.js 引入全局
import echarts from 'echarts'
//放入全局vue 对象中
Vue.prototype.$echarts = echarts
3.div容器
var demo = echarts.init(document.getElementById("main"));
demo.setOption({
...渲染图表js
});
4.图表重新渲染的方法 需要自适应宽度 放到窗口变化事件中OK
echarts.resize();
标签:vue,demo,js,import,全局,main,echarts,图标
来源: https://www.cnblogs.com/tianmiaogongzuoshi/p/13054462.html