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