本文摘自PHP中文网,作者coldplay.xixi,侵删。
vue.js引入echars的方法:1、全局引入,代码为【title:{text: 'ECharts 入门示例'}】;2、按需引入,代码为【require('echarts/lib/component/tooltip')】。
【相关文章推荐:vue.js】
vue.js引入echars的方法:
1.安装echarts依赖
1 |
|
2.创建图表
a:全局引入
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 |
|
b:按需引入
上面全局引入会将所有的echarts图表打包,导致体积过大,所以我觉得最好还是按需引入。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
|
相关免费学习推荐:JavaScript(视频)
以上就是vue.js怎么引入echars的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《vue.js》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者