vue中如何導入及使用echarts組件


第一步:

vue項目src目錄下main.js文件中全局引入echarts

命令:npm install echarts

第二步:

創建新的js文件,例如我創建的文件chartObj.js

js文件導出對象

對象中已經寫好的echarts方法(即echarts官網中的代碼)

注意echarts官網中的代碼option對象前面需要加 var或者const或let均可(即定義類型)

第三步:

在vue頁面導入之前寫好的chartObj.js文件

 

然后直接在mounted或者created中直接使用即可

直接貼代碼:

let demo = document.getElmentById(” “)//掛載在頁面中的id選擇器上面

let demo1 = this.$ecahrts.init(demo)//初始化掛載點

chartObj.mainChart(chart,data)//這里括號中可以傳入對象,用逗號隔開即可。data即從vue頁面獲取到的動態數據在之前的ecahrts方法中可以直接使用


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM