vue3 数据可视化大屏边框 - 运营分析平台
边框由标题 主体 背景图片 下展背景动画等组成。
效果截图
动画效果
动画处理
默认隐藏边框，然后使用gsap来加载一个自上而下展开的动画效果，动画效果完成后，再将边框主体渐显出来。可以父组件可以通过 :duration=&qu...
2年前 (2023-10-30)
喜欢
数据可视化大屏项目开发中，需要渲染地图，并且要渲染地图最外层的边界轮廓。这时候我们需要对数据进行，来实现我们想要的效果。这里我们选择的是在线工具。
在线工具
mapshaper
打开工具
选择我们需要处理的geoJson文件
命令行处理
上传完数据后，我们选择右上角consol...
2年前 (2023-10-30)
喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况，为了方便不同地区的数据使用，将一些地图数据整理出来，供大家参考，今天为大家整理的是echarts十堰市地区地图geoJson数据。
十堰，别称车城，湖北省辖地级市，被誉为中国卡车之都，武当山、汉江水、汽车城是十堰...
2年前 (2023-10-29)
喜欢
在数据可视化项目中，ECharts地图和Three.js地图常常成为数据展示的强有力工具。为了便于实现不同城市地图的快速渲染，本文将以十堰市丹江口市GeoJson为例，展示如何利用GeoJSON数据绘制各类高效的地图效果。
丹江口市位于中国湖北省西部，是十堰市下辖的一个县级市。该...
2年前 (2023-10-29)
喜欢
在Vue 3中，<script setup> 和普通的 <script> 标签都用于包含组件的JavaScript逻辑，但它们有一些关键区别。
<script setup>
Simpler Syntax: <script setup&g...
2年前 (2023-10-29)
喜欢
数据可视化在各种项目中已成为不可或缺的一部分。特别是地图可视化，能够提供更直观、更高效的数据解读方式。本文着重介绍如何使用ECharts和GeoJSON数据实现湖北省十堰市房县的高度自定义地图效果。这个实例不仅适用于房县，同样也为其他城市或区域提供了一种可行方案。
房县坐落在湖北...
2年前 (2023-10-29)
喜欢
threejs项目中，当模型很大的时候，我们观察模型的某个部位的细节时，就需要让相机靠近对应的区域以达到我们想要的效果，今天我们来实现这个效果。
threejs版本
使用到的threejs版本
"three": "^0.154.0",
演...
2年前 (2023-10-29)
喜欢
大屏数据可视化 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是十堰市竹溪县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
1 echart...
2年前 (2023-10-28)
喜欢
一直习惯用Photoshop处理文件，今天有个项目需要使用sketch，使用一开始就遇到问题了，鼠标滚动缩放和ps是反着的，这让人很不习惯，如何让sketch和Photoshop滚轮缩放一致呢？
找到Sketch首选项-画布-反转滚动方向勾选然后就可以了。
...
2年前 (2023-10-27)
喜欢
在使用phpstorm开发项目时，由于有多个项目，需要来回切换每次都手动切换的感觉太慢了，于是想着有没有可以快速切换的快捷键。
我使用的是mac系统，在这里偏好设置里，我们通过按键映射，搜索项目，可以找到上一个项目窗口和下一个项目窗口，我们可以自己配置一个快捷键，也可以使用默认的...
2年前 (2023-10-27)
喜欢
