mpvue中按需引入echarts
2024-08-31 13:48:49
大家都知道小程序文件大小不能超过2M， 在项目中引入echarts后，文件大小远远超出2M了。因为echarts文件默认是包含所有图表代码的，所以文件体积会比较大。解决办法如下：
安装
首先我们先安装下面两个依赖包
cnpm install mpvue-echarts
cnpm install echarts
自定义echarts
去echarts官网在线构建代码文件，根据自己的需求，选择相应的图表和组件，然后下载文件。官网地址
替换node_modules文件
在node_modules文件夹找到echarts依赖文件，进入dist文件夹，将刚刚下载的文件重命名一下，为:diy_echarts.js ，然后放到dist文件夹下。然后就可以在组件中引入了，引入方式如下：
import echarts from 'echarts/dist/diy_echarts'
import mpvueEcharts from 'mpvue-echarts'
然后在代码中使用mpvueEcharts组件就可以了。
最新文章
- jquery.multiselect 多选下拉框实现
- 自定义ConfigSection
- 《MSSQL2008技术内幕:T-SQL语言基础》读书笔记（下）
- [deviceone开发]-doSpace应用源码开源
- HDU 4387 Stone Game (博弈)
- atitit.团队建设总结o6o fix
- angularJS图表-angular-flot
- fedora20安装hadoop-2.5.1
- hdoj 3790 最短路径问题
- IE8下ckeditor无法正常使用，提示"例外被抛出且未被接住"的解决办法
- System.BadImageFormatException: 试图加载格式不正确的程序。 (异常来自 HRESULT:0x8007000B)
- javascript 动态创建tip图片提示
- LeetCode.接雨水
- Java8 方法引用
- LeetCode算法题-Majority Element（Java实现）
- React 表单受控组件
- 关于supervisor无法监控golang代码的解决方法
- github里如何删除一个repository仓库
- Sublime Text 3常用插件安装
- JPEG 编码