在webpack中使用echarts

通过 npm 上安装的 ECharts 和 zrender 会放在node_modules目录下。可以直接在项目代码中 require('echarts') 得到 ECharts。

默认使用require('echarts')得到的是已经加载了所有图表和组件的 ECharts 包,因此体积会比较大,如果在项目中对体积要求比较苛刻,也可以只按需引入需要的模块。

例如上面示例代码中只用到了柱状图,提示框和标题组件,因此在引入的时候也只需要引入这些模块,可以有效的将打包后的体积从 400 多 KB 减小到 170 多 KB。

可以按需引入的模块列表见https://github.com/ecomfe/echarts/blob/master/index.js

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一步 获取echarts 1:从官网下载界面选择你需要的版本下载,根据开发者功能和体积上的需求,我们提供了不同打...
    codeSirCao阅读 6,418评论 1 5
  • 前言 公司的项目中需要对数据做可视化处理,高级点的D3.js目前还没接触到,因此选用了大众化的Echarts, 在...
    Mr_Treasure阅读 165,636评论 8 44
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,228评论 25 708
  • 你说你选择了坚持就该承担因为固执而带来的痛苦 你说你选择了自由就该面对因为孤独而产生的无助 你好像对全世界都温柔以...
    见初如只若阅读 238评论 7 2
  • 梁梦婷阅读 243评论 0 1