Echarts大屏可视化项目

我要开发同款
proginn17580527562023年11月03日
94阅读
所属分类echarts

作品详情

技术栈:vue2 全家桶(vue/cli+vue-router+vuex+axios)+elementUI+javaScript+rongyun
该项目是用于工地监控可视化以及人员数据的可视化大屏。其中包括指挥中心,人员管理,设备管理,车辆管理,视频管理,工程进度,质量管理,安全管理这些模块
主要职责:
1.深浅两种样式风格主题开发,可随意切换样式,并使用 Localstorage 缓存样式,供下次登录显示。
2.自定义图表,根据 UI 设计图对 Echarts 图表进行修改和二次封装,只需要传入固定模版的数据即可 渲染成所需要的图表,并可自定义颜色(例如柱状图、折线图等)。
3.基于 rongyun 插件的聊天室开发,基于 rongyun sdk 开发私聊、群聊和视频聊天功能。
4.独立负责大屏适配:小于 2k 屏、2k 屏、4k 屏、16:9、非 16:9 等屏幕的适配。
5.首屏优化,使用 webpack-bundle-analyzer 对包进行分析,并进行了如下的加载优化: 打包时对打包的文件进行压缩;webpack 配置 externals 使库文件采用 CDN 加载。路由懒加载、 组件库按需加载;开启 gzip 压缩 优化效果:首屏从 10s 到 2s
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论