vue-echart的使用方式

vue项目引入echarts

---

常规方式

• 安装 echarts

npm i echarts --save

• 在main.js中配置

// 引入
import * as Echarts from 'echarts'
// 挂载到vue的原型对象上
Vue.property.$echarts = Echart

• 在单文件组件中使用echarts
• • 创建一个图标容器，并且设置宽高

<div id='box'></div

在 方法中定义图表配置项和初始化 ； 在 mounted 钩子函数中调用方法

mounted(){
   
    this.getEcharts()
},
methods:{
   
    getEcharts()