vue数据可视化大屏项目开发中,客户接口返回的数据量太大,一次请求大概几十兆的样子,所以需要判断数据是否加载完成了。
这里我们可以通过axios的finally来判断数据是否加载完成了。
我们在请求数据前设置一个状态标识,用来确认是否显示加载中的图标。
this.isLoadin...
yekong
13小时前 11℃
0喜欢
vue项目中访问websocket时报错了
DOMException: Failed to construct 'WebSocket':An insecure WebSocketcornection may not be initiated from a page loaded ...
yekong
18小时前 19℃
0喜欢
左侧为进度条和标题 右侧为相关数字以及文字说明。
进度条设置两层,底层为进度条底图,上层为进度条占比,通过数据计算div宽度来实现进度条占比,使用gsap补间动画 来实现进度条的动画,通过index来控制当前进度条的颜色。
动态效果
使用组件
<template>...
yekong
21小时前 726℃
0喜欢
可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是杭州市临平区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts杭州市...
yekong
1天前 18℃
0喜欢
数据可视化大屏 项目开发中,都配有相应的背景图,今天整理自己在开发中遇到的数据可视化大屏背景图片以供下载。
如果您需要设计属于自己的数据可视化大屏或开发数据可视化大屏 请联系我们微信:17331886870
当前数据可视化大屏背景图片总数量:282张
默认尺寸:1920*1080...
yekong
1天前 5283℃
1喜欢
数据可视化大屏项目开发中,我们需要实现时间轴的效果,时间轴要可以横向滚动,滚动到最后重新开始进行滚动,点击左右箭头可以触发对应的滚动,鼠标可以拖动时间轴左右滑动。
演示地址
vue3实现横向滚动时间轴效果
滚动插件
"@better-scroll/core": "^2.5.1"...
yekong
2天前 24℃
0喜欢
使用uniapp开发小程序时,需要实现一个底部菜单按钮,我们需要在pages.json这个文件里进行配置。
默认的pages.json
{
"pages": [
{
"path": "pages/index/inde...
yekong
2天前 22℃
0喜欢
数据可视化大屏项目要求渲染中国地图,并且点击地图后可以下钻到对应的省市地图,这里我们通过高德地图查询地图数据,通过echarts渲染地图效果实例.
引入高德地图api
<script src="https://webapi.amap.com/maps?v=1.3&...
yekong
3天前 884℃
0喜欢
vue项目开发中,我们在进行接口请求时需要配置反向代理,这个我们在本地开发是可以通过vue项目的反向代理就可以实现,但是如果放在服务器上的话,就需要在服务器上进行代理配置了。
今天我们来记录一下在宝塔服务器上的反向代理。
宝塔版本
8.0.4
配置
要配置宝塔面板以实现反向代理,...
yekong
3天前 34℃
0喜欢
在观看ae效果制作的视频教程中,经常会看到motion插件的使用,但是自己对这一款插件不熟悉,所以就了解了一下,并将这一块插件的使用记录一下。
快速设置底色
我们可以通过motion快速设置合成底色,当我们选择了纯色图层,那么它就是对纯色图层的修改,如果我们不选择的话,就是对合成...
yekong
3天前 40℃
0喜欢