美文网首页
echarts在vue引入应用

echarts在vue引入应用

作者: 猿分让我们相遇 | 来源:发表于2019-08-05 10:27 被阅读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'));

相关文章

网友评论

      本文标题:echarts在vue引入应用

      本文链接:https://www.haomeiwen.com/subject/wiepdctx.html