vue中使用Echart

一、安裝

npm install echarts --save

二、全局註冊

Vue.prototype.$echarts = echarts

三、使用方法

       let myChart = this.$echarts.init(document.getElementById("myChart"));

引入主題的方法

第一種狀況：使用Echart 主題裏面的文件

在main.js引用主題JS  --    import  'echarts/theme/shine.js'
使用方法 -- let myChart = this.$echarts.init(document.getElementById('myChart'),'shine');

第二種狀況：使用本身文件夾中的主題

若是咱們把theme的js放到本身的文件夾中，直接放會報錯，有2個解決方法

第一種解決方法

一、修改shine.js代碼格式    var theme = {  }   並增長  export default theme 導出

二、在main.js 中 引入並註冊

import echarts from 'echarts'
import theme from '@/assets/js/theme/shine.js'
Vue.prototype.theme = theme

三、使用方法

 let myChart = this.$echarts.init(
        document.getElementById("myChart"),
        this.theme
 );

第二種解決方法

一、修改shine.js 代碼

把 js文件裏的root.echarts 改爲echarts；而後在該js文件內 import echarts from 'echarts'

二、在main.js中引入   import '@/assets/js/theme/shine.js'

三、使用方法

      let myChart = this.$echarts.init(         document.getElementById("myChart"),         "shine"       );