数据可视化大屏项目开发中,我们会遇到3d粒子地球的装饰,今天我们来实现这个效果。
工具
ae 以及 ae插件RG Trapcode-Form插件
动态效果
打开ae新建合成
这里我们新建一个1000*1000时长5s的合成
新建纯色图层
添加效果
选中我们创建的纯色图层,...
yekong
6个月前 (07-07)
喜欢
数据可视化大屏项目开发过程中,我们会给大屏添加一些光效以让让大屏看起来更加酷炫,
今天我们要实现的是添加流光效果。
工具
在添加流光效果前,我们需要准备工具ae以及saber插件
打开ae,导入图片
将图片拖入到ae中
钢笔工具勾勒轨迹
使用钢笔工具勾勒流光动画的行动轨迹
添...
yekong
6个月前 (07-06)
喜欢
需求
折线图需要根据折线图在不同的数值范围折线图显示不同的颜色
实现思路
根据您的描述和ECharts的文档,折线图区间颜色渐变通常是通过visualMap组件来实现的。具体实现方式如下:
使用visualMap组件:
visualMap是一个视觉映射组件,可以将数据值映射...
yekong
6个月前 (07-06)
喜欢
echarts自定义圆点折线图
完整运行实例
代码运行环境 vue3 vite js nodejs16
...
yekong
6个月前 (07-04)
喜欢
数据可视化大屏 项目开发中,会添加动画来点缀页面,有些可以通过css来实现动画,有些图片序列帧动画,序列帧动画可以通过css+雪碧图的方式来实现,也可以通过js的方式来实现,今天是使用canvas+js来实现。
准备序列帧图片
我们首先需要准备序列帧图片,这里我们准备了75张序列...
yekong
6个月前 (07-02)
喜欢
数据可视化大屏项目开发中,需要实现一个公司结构图效果,效果截图如下:
这里我们使用的是vue3开发的,所以使用的插件是vue3-tree-org
插件版本
"vue3-tree-org": "^4.2.2",
vue3-tree-org...
yekong
6个月前 (07-01)
喜欢
cesium项目有时候地球瓦片会加载很慢,这就会导致地球瓦片还没有加载出来配置的相关动画流程已经结束了,导致很突兀,所以我们需要实现监听瓦片是否加载完成,加载完成后再执行后续步骤。
这里我们使用Globe.tileLoadProgressEvent来监听瓦片的加载。
Globe....
yekong
6个月前 (06-26)
喜欢
之前我们处理了cesium 飞机飞行添加圆点标记设置自定义图标,但是相机距离飞机太近了导致飞机无法直接看到,需要鼠标调整后才可以,那么我们如何调成可以让飞机默认可以看到ne ?
cesium版本
"cesium": "1.93.0",
实现思路
这里我们可以调整viewer...
yekong
6个月前 (06-25)
喜欢
最近收到一个项目,项目验证时说明如下:
在 headers 中增加 Basic auth 的认证,填入(appkey, appsecret)
在Postman中使用Basic Auth进行认证,并填入appkey和appsecret,可以按照以下步骤操作:
打开Postma...
yekong
6个月前 (06-25)
喜欢
之前我们处理了cesium 飞机飞行完毕后轨迹不要消失,接下来我们想要在圆点标记上添加图标。
cesium版本
"cesium": "1.93.0",
动态效果
实现思路
我们创建一个billboard和一个point让其叠加起来,然...
yekong
6个月前 (06-24)
喜欢