共性可视化大屏项目总结

246 阅读2分钟

开发的模式: 本地开发大屏页面的效果,然后将代码移放到甲方的项目里,给自己的页面添加路由,部署到黄区之后测试接口

遇到过的问题: 1.echarts版本问题,与甲方echarts版本不一致的问题 解决方案 甲方升级了echarts版本 echarts5.x的配置兼容echarts4.x

2.引入echarts-gl后,没有效果,3d的类型没有注册成功 解决方案 他们的echarts在vue.config.js中配置 externals 里面,使用了cdn的方式引入,将echarts-gl的包也以该方式引入,当echrts以cdn得方式引入是,其他依赖与echarts得拓展相关包,都得以相同的方式引入

3.甲方黄区的电脑配置不行,没有好的显卡配置,本地3dMap效果良好,部署后却极其卡顿, 解决方案是,使用伪3D地图替代

4.加载地图mapGeojson数据,注册MapgeoJson数据比较慢,显示map地图组件的时候有延迟 解决方案 在未显示大屏页面的其他页面时,就加载Geojson,注册map地图(对首页是大屏页面时无效)

5.显示视频时,加载慢 解决方案 使用refetch首页加载video视频(对首页是大屏页面时无效)

6.页面加载图片,卡顿,卡顿效果时,图面从上向下逐行加载,未加载的部分显示白色,且页面占比很大,其他图片也是这样的加载方式 解决方案 1,将标准加载png格式换成渐进加载的png格式,2.压缩图片(熊猫压缩)

7.接口定时请求,1minute,24h,30day 解决方案 使用一个普通全局对象,实现发布订阅模式,在将订阅代码放入mixin中,嵌入进每个组件,统一请求的发送函数