如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
开发环境
大屏端 vue3 vite js nodejs 14
api端 koa2 nodejs 14
后台端 vue3 vite js nodejs 14
分辨率
1920*1080
演示地址
酒店...
yekong
3个月前 (09-17)
喜欢
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
开发环境
大屏端 vue3 vite js nodejs 14
api端 koa2 nodejs 14
后台端 vue3 vite js nodejs 14
分辨率
1920*1080
演示地址
消防...
yekong
3个月前 (09-16)
喜欢
权限控制我们通过下面的方法来实现权限控制。
policeRatioApi.permission('接警占比新增'),
groupRequired,
接口完整实例
// 文件:api/v1/policeRatio.js
import {LinRouter, NotFound, ...
yekong
3个月前 (09-16)
喜欢
数据可视化大屏项目开发中,设计师在设计大屏的时候,会尽可能让效果酷炫华丽,我们在开发时就遇到难题了,比如下面的效果,使用echarts默认的方法是实现不了的,我们只能换一种方法来实现。
我们将柱子图片分成上下两部分
最终效果
代码渲染
我们把图片拆为两部分,上面固定部分和下...
yekong
3个月前 (09-14)
喜欢
数据可视化大屏项目开发中,需要播放监控,这里我们通过hls.js来播放我们的监控视频。
测试在线
我们在写代码前,先使用在线工具测试一下,看看我们收到的视频流地址是否可以播放,之前客户提供的视频一直不能播放,使用IINA可以播放,但是使用网页无法播放,通过在线播放器测试也不能播...
yekong
3个月前 (09-13)
喜欢
数据可视化大屏项目开发中,客户要求cesium地图可以离线访问,好在客户要求地图层级不高,只需要0-10级的全球地图就可以了。我们准备好事先购买的离线地图资源,文件不小,大概有7个G,如果全部都是18级地图的话,资源估计就是按T来算了。
cesium 版本
"...
yekong
3个月前 (09-13)
喜欢
智慧风电场数据大屏 数据可视化大屏 vue3
id
182
运行环境
nodejs 16
开发框架
vue3 vite js
分辨率
1920 * 1080
在线演示
智慧风电场数据大屏 数据可视化大屏 vue3
智慧风电场数据大屏效果截图
动态效果
项目模块
实时告警信息
...
yekong
3个月前 (09-10)
喜欢
最近开发数据可视化大屏项目时,客户提供的设计图是mastergo,第一次用这个平台,需要复制一下项目,避免对源文件造成影响,一开始以为是导出,然后再次导入,结果发现导出只有sketch,而且导出后再次导入组件会变形,于是想着换一种方法这里将流程记录一下。
在MasterGo中复...
yekong
3个月前 (09-10)
喜欢
vue3 数据可视化大屏 银行监控中心数据可视化
id
180
开发环境
nodejs 16
开发环境
vue3+vite+js
分辨率
1920*1080
演示地址
vue3 数据可视化大屏 银行监控中心数据可视化
演示demo:vue3 数据可视化大屏 银行监控中心数据可视化...
yekong
3个月前 (09-07)
喜欢
数据可视化大屏项目开发中,ui设计师做了一个下面的效果,文字是下面的3d倾斜效果,因为这些文字是要根据实际情况实时变化的,我们需要通过代码来达到这种文字效果。通过css修改一点调效果的话,显然是太慢了。文字3d倾斜调试。
我们需要一个快速达到预期效果的功能,这里我们知道通过tr...
yekong
3个月前 (09-07)
喜欢