vue3 可视化数据大屏项目开发中，数据大屏ui界面会设置一些底座效果用来衬托数据，今天整理一下自己开发过的数据大屏实例。以便于后期会遇到类似效果可以直接复用。
组件使用到了数字滚动效果以及wowjs入场动画效果 。让页面看起来更灵动。
演示地址
vue3 底座效果实例
项目应...
yekong
2年前 (2023-04-03)
喜欢
数据可视化大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理衡水市武强县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
武强县，隶属于河北省衡水市，位于河北省东南部。南临衡...
yekong
2年前 (2023-04-03)
喜欢
数据可视化大屏项目开发中，客户要求实现飞线图，但是这个图片的地图并不精确，只是一个大概的效果，只不过客户对动画效果比较执着。自己写飞线图动画又不会，使用echarts来绘制地图的话，又因为数据不准确没办法定位，因为客户对地图数据并不在意，所以这里我们假数据来实现。
绘制echa...
yekong
2年前 (2023-04-03)
喜欢
数据可视化数据大屏一般都会要求是宽高自适应的，页面会根据窗口的宽高进行调整，但是实际开发中会遇到窗口大小变化了，但是图表的大小并没有和实际的div宽度一致。
解决办法
我们使用ResizeObserver来监听窗口的宽高变化，立即执行resize不能获取到实际宽高，我们延迟300...
yekong
2年前 (2023-04-03)
喜欢
之前我们实现threejs 太阳系给星球添加文字标注，但是我们还是觉得有点单调，我们再给太阳系添加一点繁星点缀的效果。
给星球添加文字标签，我们使用css2d来实现。
繁星点缀
带有繁星点缀的太阳系效果已经有同学做过了，我们取其中的繁星代码来使用。源地址为：
太阳系繁星背景
i...
yekong
2年前 (2023-04-02)
喜欢
大屏数据可视化 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是廊坊市香河县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
香河县，隶属河北...
yekong
2年前 (2023-04-02)
喜欢
之前我们实现threejs 太阳系提高性能 共享Geometry Material，接下来我们给星球来添加文字标注。给星球添加文字标注就是通过css2d给模型添加标注
给星球添加文字标签，我们使用css2d来实现。
标签方法
首先我们创建一个标签方法，用来接收名称
functi...
yekong
2年前 (2023-04-02)
喜欢
threejs 绘制太阳系各星球后，我们每一个星球都是单独创建的网格模型，网格模型越多，对资源的消耗也越多，那么如何减少资源的消耗呢？
我们可以通过让多个星球共享同一个网格模型，来减少网格模型，从而减少资源消耗。
星球模型重构
星球模型每次创建都会初始化一个网格模型，为了减少资...
yekong
2年前 (2023-04-02)
喜欢
数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理信阳市息县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
息县，隶属河南省信阳市。河南省东南部、信阳市东北...
yekong
2年前 (2023-04-01)
喜欢
element-plus Menu在使用的时候，我们需要点击菜单后跳转到对应的路由页面，并且默认展开当前路由所在的分组，以及记过当前所在的菜单
element-plus menu说明文档
激活路由模式
将:router="true"后，点击菜单就可以实现路由...
yekong
2年前 (2023-04-01)
喜欢
