vue 数据可视化大屏 项目开发中,设计师设计的地图很漂亮,但是前端实现不了这种效果,这时候我们可以通过一个折中的办法来实现这种效果,以图片做地图以echarts做数据支持完成我们想要的效果。
入场动画
实现效果
echarts 自定义label内容,label使用自定义图片...
yekong
7个月前 (07-18)
喜欢
object-fit: contain 属性是一种有效的 CSS 方法,可以避免图片在固定尺寸容器中变形。以下是关于 object-fit: contain 的主要特点和使用方法:
保持原始比例:
object-fit: contain 会保持图片的原始宽高比,不会对图片进行...
yekong
8个月前 (07-17)
喜欢
cesium项目开发过程中,我们需要让星空背景透明,不要星空。
cesium版本
"cesium": "1.93.0",
代码中已经包含了以下设置:
skyBox: false, // 禁用天空盒
skyAtmosphere: f...
yekong
8个月前 (07-16)
喜欢
HLS (HTTP Live Streaming) 是一种广泛使用的视频流媒体传输协议,具有以下主要特点:
自适应比特率流:HLS可以根据网络状况动态调整视频质量,确保流畅播放。
分片传输:HLS将视频内容切分成10秒左右的短片段(.ts文件),通过HTTP协议传输。
...
yekong
8个月前 (07-12)
喜欢
问题
最近遇到一个奇怪的问题,不知道是什么原因,就是图片复制然后粘贴到ps中图片会泛白
系统
mac系统
原本图片
复制粘贴到ps中后
在ps中新建图层,然后复制图片粘贴进来后,图片就会泛白
解决办法
目前没有找到原因,所以也没有找到解决办法,不过可以使用其他办法替代,就是直...
yekong
8个月前 (07-10)
喜欢
数据可视化大屏项目开发中,我们会遇到3d粒子地球的装饰,今天我们来实现这个效果。
工具
ae 以及 ae插件RG Trapcode-Form插件
动态效果
打开ae新建合成
这里我们新建一个1000*1000时长5s的合成
新建纯色图层
添加效果
选中我们创建的纯色图层,...
yekong
8个月前 (07-07)
喜欢
数据可视化大屏项目开发过程中,我们会给大屏添加一些光效以让让大屏看起来更加酷炫,
今天我们要实现的是添加流光效果。
工具
在添加流光效果前,我们需要准备工具ae以及saber插件
打开ae,导入图片
将图片拖入到ae中
钢笔工具勾勒轨迹
使用钢笔工具勾勒流光动画的行动轨迹
添...
yekong
8个月前 (07-06)
喜欢
需求
折线图需要根据折线图在不同的数值范围折线图显示不同的颜色
实现思路
根据您的描述和ECharts的文档,折线图区间颜色渐变通常是通过visualMap组件来实现的。具体实现方式如下:
使用visualMap组件:
visualMap是一个视觉映射组件,可以将数据值映射...
yekong
8个月前 (07-06)
喜欢
echarts自定义圆点折线图
完整运行实例
代码运行环境 vue3 vite js nodejs16
...
yekong
8个月前 (07-04)
喜欢
数据可视化大屏 项目开发中,会添加动画来点缀页面,有些可以通过css来实现动画,有些图片序列帧动画,序列帧动画可以通过css+雪碧图的方式来实现,也可以通过js的方式来实现,今天是使用canvas+js来实现。
准备序列帧图片
我们首先需要准备序列帧图片,这里我们准备了75张序列...
yekong
8个月前 (07-02)
喜欢