数据可视化大屏项目开发中,需要开发一个宽度3200的数据大屏,大屏里左右各有两列数据中间是地图,左右两侧靠近中心的两列可以通过点击箭头进行展开和收缩。
点击箭头后展开状态下会进行收缩,收缩状态下会进行展开,完成动画后,箭头的方向会旋转180度。
演示地址
gsap实现推拉门的...
yekong
1年前 (2023-10-20)
喜欢
可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理echarts黄石市下陆区geoJson地图渲染实例供大家参考。地图基于geoJson数据绘制。
1 echarts 黄石市下陆区geoJson地图...
yekong
1年前 (2023-10-19)
喜欢
threejs中所有的面都是由三角形组成。
创建一个三角形
// 创建几何体
const geometry = new THREE.BufferGeometry()
// 顶点坐标 顶点有序 没三个为一个顶点 逆时针为正面
co...
yekong
1年前 (2023-10-19)
喜欢
在项目开发中经常需要录制一些视频动效发布到网站上,但是录制的视频一般文件都比较大,对网站资源是一种负担和浪费,所以需要一款工具用来对视频进行二次压缩。一开始是使用HandBrake但是不知道是什么原因有些视频拖进去后没有反应,于是就重新找了一款。
工具名称
Shotcut
官方网...
yekong
1年前 (2023-10-19)
喜欢
大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理黄石市西塞山区geoJson地图渲染实例供大家参考。地图基于geoJson绘制。
1 echarts 黄石市西塞山区geoJson地图定义颜色
...
yekong
1年前 (2023-10-18)
喜欢
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
开发环境
vue2 webpack js nodejs 16
分辨率
1920*1080
演示地址
医疗废物智慧运营管理系统
医疗废物智慧运营管理系统效果图
医疗废物智慧运营管理系统动态效果
项目...
yekong
1年前 (2023-10-18)
喜欢
大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理echarts黄石市黄石港区geoJson地图效果实例供大家参考。地图基于geoJson数据绘制。
1 echarts 黄石市黄石港区geoJs...
yekong
1年前 (2023-10-17)
喜欢
数据大屏开发中,需要监听实时消息,消息是使用的,最新的项目中获取ws数据的方法:vue项目中请求WebSocket获取数据
公共方法
function getSocket(url, params, callback) {
let socket;
if (typeof (...
yekong
1年前 (2023-10-17)
喜欢
数据大屏开发中,需要实现一个步骤条的效果,但是步骤条的长度可能会很大超过了当前显示区域,所以我们需要一个可以鼠标横向拖动的效果。
动态拖动效果
开发环境
vue2 webpack js
使用插件
"@better-scroll/core": "^...
yekong
1年前 (2023-10-17)
喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,为了方便不同地区的数据使用,将一些地图数据整理出来,供大家参考,今天为大家整理的是echarts武汉市地区地图geoJson数据。
效果截图
echarts武汉市地区地图geoJson数据
echarts武汉市...
yekong
1年前 (2023-10-17)
喜欢