vue3 数据可视化大屏登录页模板-登录成功跳转提示页模板
入场动画
宽高自适应
如果您需要设计属于自己的数据可视化大屏或者进行数据大屏开发 请联系我们微信:17331886870
演示地址
vue3 数据可视化大屏登录页模板-登录成功跳转提示页模板
代码风格
vue3 + vi...
yekong
1年前 (2023-09-11)
喜欢
vue3数据可视化大屏项目开发中,需要一个24小时时间段,时间段可以点击选择,可以多选以用来记录时间段。
通过鼠标可以选择时间点,点击保存后可以将数据通过localStorage缓存到本地。
效果截图
演示地址
vue3实现时间段布防时间效果
项目应用
视频监控智能分析系统
部...
yekong
1年前 (2023-09-11)
喜欢
要使用Node.js请求百度天气API并将其封装成接口供前端调用,你可以按照以下步骤进行操作:
首先,确保你已经安装了Node.js。如果没有安装,你可以在官方网站上下载并安装Node.js:nodejs
创建一个新的Node.js项目文件夹,并在该文件夹中初始化一个新的...
yekong
1年前 (2023-09-10)
喜欢
vue 数据大屏项目开发中,需要实现3d地图下钻效果,这里我们使用echarts-gl来实现3d地图。
渲染地图首先要安装依赖
使用echarts实现3d地图,我们需要安装依赖,echarts和echarts-gl的版本是一一对应的,版本差别很大可能会报错,这里我们使用的是e...
yekong
1年前 (2023-09-10)
喜欢
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)
喜欢
最近在开发数据可是胡大屏地图,发现明明设置了地图选中后的颜色为浅白色,但是鼠标移开后,又变为了黄色,这不是我想要的效果。经过研究发现地图设置有两种,一种是鼠标移入后的颜色,一种是选中后的颜色,分别由两个字段控制。
选中后的颜色有select控制
selectedMode: &q...
yekong
1年前 (2023-09-08)
喜欢
vue3 可视化数据大屏 项目开发中,会遇到各种各样的头部,今天整理的是 vue3 数据可视化大屏顶部组件 - 就业数据可视化大屏。
效果截图
帧动画效果
通过ae实现从两侧到中间的扫光动画,使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
动画持续时间
动画持续时...
yekong
1年前 (2023-09-07)
喜欢
vue3 数据可视化大屏边框-图书馆数据可视化大屏
边框由标题 主体 背景图片 下展背景动画等组成。
效果截图
动画效果
组件处理
为了让数据可视化大屏边框尽可能的适配各种不同的宽高显示,将一张背景图切为了9份,然后通过背景图定位来从新调整布局。
动画处理
默认隐藏边框,然后...
yekong
1年前 (2023-09-06)
喜欢
由于geoJson获取的渠道不同,数据可能也有差异,有些geoJson数据没有center,这导致我们在渲染地图的时候,因为没有center导致地名加载的时候报错。
但是自己手动一个一个添加center点就太累人了,这里提供的方法是通过js对json数据进行循环处理,根据现有的数...
yekong
1年前 (2023-09-06)
喜欢