echarts在vue引入应用

2019-08-05 本文已影响0人猿分让我们相遇

一、全局引入
在main.js中

import echarts from 'echarts'
Vue.prototype.$echarts = echarts;

调用

data(){
  return {
    myChart:'',
  }
},
mounted(){
    //初始化echarts实例
     this.myChart=this.$echarts.init(document.getElementById('myChart'));
}

或者是直接在vue组件中引入

import echarts from 'echarts'

二、按需引入

let echarts = require('echarts')
this.myChart = echarts.init(document.getElementById('myChart'));