APNG (Animated Portable Network Graphics) 是一个图形格式，它扩展了流行的 PNG（Portable Network Graphics）格式，以允许动画。与 GIF 相比，APNG 文件支持 24 位图像和 8 位透明度。因此，它提供了比 ...
yekong
1年前 (2023-08-02)
喜欢
设置前
设置后
ECharts 的 tooltip 组件有一个属性 confine，默认值为 false。当其设置为 true 时，tooltip 会被限制在图表的内容区域（由 grid.left/right/top/bottom，polar.radius，等参数定义）内。
...
yekong
1年前 (2023-08-02)
喜欢
数据可视化大屏项目开发过程中经常需要地图geo数据，这里将数据获取的方式整理出来，供大家参考。
阿里云GeoJSON在线工具
地址：阿里云GeoJSON在线工具
通过该工具可以轻松获得中国所有省份、地级市的包含子行政区轮廓经纬度坐标。
geojson.io工具
geojson.i...
yekong
1年前 (2023-08-02)
喜欢
js 当两个字段使用的同一个数组后，当其中一个数组变化了，另外一个数组也会收到影响。
this.list = res.data;
this.list2 = res.data;
var data = {
sorCount: 0,
sensorTypeKey: '0',
...
yekong
1年前 (2023-08-02)
喜欢
vue3 数据可视化大屏边框-智慧管理中心
边框由标题 主体 背景图片 倾斜斑马线 下展背景动画等组成。
效果截图
动画效果
组件处理
为了让数据可视化大屏边框尽可能的适配各种不同的宽高显示，将一张背景图切为了10份，然后通过背景图定位来从新调整布局。
动画处理
默认隐藏边框...
yekong
1年前 (2023-08-02)
喜欢
倾斜的斑马线效果可以通过CSS中的linear-gradient和repeating-linear-gradient来实现。这里有一个例子：
body {
min-height: 100vh;
display: flex;
align-items: center;
...
yekong
1年前 (2023-08-01)
喜欢
今天客户要求看一下数据大屏开发到那里了，于是走流程项目打包发布，然后懵逼了，无法正常访问，排查后发现报错了。
Failed to load module script: Expected a JavaScript module script but the server resp...
yekong
1年前 (2023-08-01)
喜欢
2021年的时候，做过一个数据可视化大屏，记得有一个效果是加载地图的动画视频，一个格子地面上，放着一个地图，然后移动视角来实现一个动画的效果。
格子背景动画
动画效果
今天看到这个视频后，就想着有没有办法通过代码来实现这种效果呢？我们先剔除掉地图，只要格子背景。
实现思路
首...
yekong
1年前 (2023-08-01)
喜欢
要在Photoshop上纵向均匀添加三条线，可以按照以下步骤操作：
打开您想要添加线条的图片。在菜单栏中选择文件，然后选择打开，找到您的图片文件并点击打开。
选择线工具。在左侧的工具栏中，找到线工具，它可能隐藏在矩形工具或者椭圆工具下面，点击并按住这些工具，会出现一个下拉...
yekong
1年前 (2023-07-31)
喜欢
vue3 可视化数据大屏 项目开发中，会遇到各种各样的头部，今天整理的是 vue3 数据可视化大屏蓝色标题组件 - 固废全过程。
效果截图
帧动画效果
通过ae实现从两侧到中间的扫光动画，使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
项目应用
项目应用：vue3...
yekong
1年前 (2023-07-31)
喜欢
