数据可视化大屏项目开发中，为了增加大屏样式的多元化，会设置各种各样的样式，今天要实现的效果样式是label分为两行，引导线从label两行文字中间穿过。
echarts版本
"echarts": "^5.2.0",
关键代码
label...
1年前 (2024-02-22)
喜欢
数据可视化大屏项目开发中，如果菜单太多的话，我们就需要滚动显示。
这里我们要实现菜单可以鼠标拖动滚动，左右箭头点击滚动，点击菜单对应的菜单居中，如果左侧或者右侧没有多余的菜单了则不再滚动。
动态效果
使用到的插件
"@better-scroll/core"...
1年前 (2024-02-21)
喜欢
echarts在渲染柱状图的时候，为了增加效果多元化，这里增加了一个倾斜纹的效果，也就是echarts的无障碍花纹效果。这里通过aria来进行设置。
echarts版本
"echarts": "^5.4.0",
实例代码
drawLin...
1年前 (2024-02-21)
喜欢
数据可视化大屏项目开发中，经常会需要各种样式的折线图效果，今天要实现的效果是阶梯型的折线图。这里阶梯型折线图我们可以通过设置step: 'start',来实现
echarts版本
"echarts": "^5.4.0",
step参数
...
1年前 (2024-02-20)
喜欢
数据获取
地铁线路图geoJson数据获取，手动获取我们需要的地铁线路数据。
threejs 实现流光线路图效果
动态效果
演示地址
threejs 实现流光线路图效果
实例代码
<script>
import * as THREE from 'three';
i...
1年前 (2024-02-18)
喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况，为了方便不同地区的数据使用，将一些地图数据整理出来，供大家参考，今天为大家整理的是echarts咸宁市地区地图geoJson数据。
咸宁，湖北省辖地级市。全市共辖1个市辖区、1个县级市、4个县，总面积10033平...
1年前 (2024-02-18)
喜欢
数据可视化大屏项目开发中，经常需要请求数据，今天讲接口请求数据的流程记录一下。
axios封装
我们创建一个文件request.js
import axios from 'axios'
// import {Message} from 'element-ui'
import {b...
1年前 (2024-02-18)
喜欢
在Photoshop中，将彩色图片转换为黑白色的方法有多种。以下是几种常用的方法：
改变图像模式：
打开彩色照片，点击菜单栏的“图像”，选择“模式”，然后选择“灰度”。
在弹出的对话框中选择“扔掉”彩色信息，图片就会变成灰度模式，即黑白色。
使用黑白调整：
点击“...
1年前 (2024-02-14)
喜欢
vue数据大屏项目开发中，我们会遇到需要渲染地图，并且在地图上添加报警的效果，今天我们来整理一些在开发中可能会需要的报警动效。
动态效果
演示地址
vue 高德地图实现报警光圈效果
这里的动画我们使用的是lottie来实现的，通过lottie-web来渲染动态效果。
动画组件...
1年前 (2024-02-14)
喜欢
数据可视化大屏项目中，为了更加酷炫，我们需要增加一些动画效果，今天要实现的效果是三维层面的旋转环形。
动画效果如下：
首先绘制一个圆
首先绘制一个圆，然后调整好圆的位置
调整圆的角度
我们勾选圆形的3d效果，调整好角度，
我们按R,找到x轴，调整x轴的角度，让其和当前的...
1年前 (2024-02-13)
喜欢
