vue3数据可视化大屏项目开发中，需要一个24小时时间段，时间段可以点击选择，可以多选以用来记录时间段。
通过鼠标可以选择时间点，点击保存后可以将数据通过localStorage缓存到本地。
效果截图
演示地址
vue3实现时间段布防时间效果
项目应用
视频监控智能分析系统
部...
yekong
1年前 (2023-09-11)
喜欢
vue数据可视化大屏项目中，需要展示天气预报，如果有后端开发人员的话，可以让后端人员来。
没有后端人员的话就需要前端开发人员自己实现了。
百度国内天气预报
百度国内天气预报api文档：
百度国内天气预报
因为通过经纬度查询是高级权限才可以使用，这里我们使用district_id来...
yekong
1年前 (2023-09-10)
喜欢
vue项目需要在图片进行画框操作，用来进行重点标注，这里使用canvas来实现。
实现代码
<template>
<div class="test" style="background-color: burlywood; di...
yekong
1年前 (2023-09-09)
喜欢
由于geoJson获取的渠道不同，数据可能也有差异，有些geoJson数据没有center，这导致我们在渲染地图的时候，因为没有center导致地名加载的时候报错。
但是自己手动一个一个添加center点就太累人了，这里提供的方法是通过js对json数据进行循环处理，根据现有的数...
yekong
1年前 (2023-09-06)
喜欢
vue数据可视化大屏项目中，为了让数据大屏更加酷炫，会增加帧动画，在以前的项目中为了让是将帧动画转为雪碧图然后再使用的。今天反向操作一波，将雪碧图转为序列帧图片。
在线地址
将雪碧图拆解为序列帧图片
关键代码
这里通过选择图片然后输入序列帧图片的宽和高，输入序列帧图片的数量，然后...
yekong
1年前 (2023-09-05)
喜欢
使用import facilities from './data/facilities1.kml'时，会报错：
Failed to parse source for import analysis because the content contains invalid JS s...
yekong
1年前 (2023-09-01)
喜欢
vue3 可视化数据大屏 项目开发中，会遇到各种各样的头部，今天整理的是 vue3数据可视化大屏顶部组件 - 医疗体检健康可视化数据。
效果截图
帧动画效果
通过ae实现从两侧到中间的扫光动画，使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
动画持续时间
动画持续...
yekong
1年前 (2023-08-29)
喜欢
vue3 数据可视化大屏 中，经常会需要各种效果的表格，这里将各种表格效果整理在一块，方便复用。
10 斑马线装饰表格
9 表格效果
表头和表列表两侧各有两个三角装饰图标。
8 仿3d表格效果
组件代码
vue3 仿3d表格效果
由背景图片进行装饰，让表格看起来有3d的感觉。...
yekong
1年前 (2023-08-29)
喜欢
vue3 数据可视化大屏 开发中，需要展示一些表格效果，今天整理 vue3 仿3d表格效果。
通过使用flex控制宽度，通过Vue3SeamlessScroll实现列表滚动，根据状态字段显示不同的label样式。
部分代码
<template>
<div...
yekong
1年前 (2023-08-29)
喜欢
在 Vue 3 中导出接口返回的数据为 Excel 文件可以通过多种方式实现。下面是其中一种常用的实现步骤：
安装依赖库：通常，你可能需要依赖如 xlsx 或者 file-saver 之类的第三方库。
npm install xlsx file-saver
引入依赖：在...
yekong
1年前 (2023-08-27)
喜欢
