vue3 数据可视化大屏 临沭城投集团智慧管理中心
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
开发环境
vue3+vite+js nodejs 16
分辨率
1920*1080
演示地址
vue3 数据可视化大屏 临沭城投集团智慧管理中心
演...
yekong
1年前 (2023-10-21)
喜欢
数据可视化大屏开发中，需要一个卡片轮播的效果，这里选用的是element plus的走马灯，默认的走马灯选中的卡片长度只有50%和设计图的长度还是有差距的，需要调整一下。
实现代码
当我们单独设置了卡片长度后，卡片会出现偏移，这时候我们需要调整一下，让其向左移动一定的距离保证能...
yekong
1年前 (2023-10-21)
喜欢
vue3 数据可视化大屏边框 - 数字云平台
边框由标题 主体 背景图片 下展背景动画等组成。
效果截图
动画效果
动画处理
默认隐藏边框，然后使用gsap来加载一个自上而下展开的动画效果，动画效果完成后，再将边框主体渐显出来。可以父组件可以通过 :duration=&quo...
yekong
1年前 (2023-10-21)
喜欢
随着开发 数据大屏可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理echarts黄石市阳新县geoJson地图渲染实例供大家参考。地图基于geoJson数据绘制。
1...
yekong
1年前 (2023-10-21)
喜欢
threejs为每个面设置不同的材质
一个面两个材质
创建两个材质，通过addGroup对顶点进行分组，然后将两个材质传进去，就得到了我们上面的效果。
// 创建几何体
const geometry = new THREE.BufferGeometry()
// 顶点坐标 顶点...
yekong
1年前 (2023-10-20)
喜欢
vue3 可视化数据大屏 房产数据一张图
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
运行环境
nodejs 16
开发框架
vue3 vite js
分辨率
1920*1080
房产数据一张图-首页
演示地址
演示demo:房产数据一张图首页...
yekong
1年前 (2023-10-20)
喜欢
数据可视化大屏项目开发中，需要开发一个宽度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)
喜欢
