数据可视化大屏项目开发过程中，我们在对接数据的时候，需要将通过接口请求的方式来讲数据渲染到页面中，但是部分客户并没有后台，所以想通过excel表格的形式来将数据渲染到页面中。
今天我们来实现将excel表格数据渲染到页面中。
测试环境
vue3 vite js nodejs 16...
yekong
5个月前 (08-01)
喜欢
在进行数据可视化大屏项目开发中，在大屏的右上角或者左上角一般会需要显示天气，这里我们可以使用高德地图获取指定城市的天气信息,您可以按照以下步骤操作:
注册高德开发者账号
首先需要在高德开放平台注册一个开发者账号,获取API Key。添加应用，这里我们选择web服务，这样我们就可...
yekong
5个月前 (07-27)
喜欢
数据大屏项目开发中，我们需要尽可能的适配不同分辨率的大屏，今天我们来介绍如何实现适配，这里适配的原理是，先将px转为rem然后适配rem就可以了。
安装依赖
pnpm i autoprefixer postcss postcss-loader postcss-pxtorem
创...
yekong
5个月前 (07-26)
喜欢
数据可视化大屏 项目开发中，会添加动画来点缀页面，有些可以通过css来实现动画，有些图片序列帧动画，序列帧动画可以通过css+雪碧图的方式来实现，也可以通过js的方式来实现，今天是使用canvas+js来实现。
准备序列帧图片
我们首先需要准备序列帧图片，这里我们准备了75张序列...
yekong
6个月前 (07-02)
喜欢
数据可视化大屏项目开发中，需要实现一个公司结构图效果，效果截图如下：
这里我们使用的是vue3开发的，所以使用的插件是vue3-tree-org
插件版本
"vue3-tree-org": "^4.2.2",
vue3-tree-org...
yekong
6个月前 (07-01)
喜欢
vConsole是帮助在手机查看执行情况的插件
vConsole 是一个轻量、可扩展的前端开发者调试面板，专门针对移动端网页设计。它是框架无关的，可以在 Vue、React 或其他任何框架中使用。vConsole 主要用于在移动设备上调试网页应用，解决了在手机上无法直接查看 ...
yekong
6个月前 (06-20)
喜欢
vue3数据可视化大屏项目开发中，会遇到一些下拉菜单，在功能上element-plus已经满足了我们的需求，不过样式可能和我们的ui设计图不一致，这时候就需要自定义下样式了，vue3 element-plus dropdown下拉菜单自定义样式 可以通过修改el-dropdown...
yekong
6个月前 (06-19)
喜欢
可视化大屏 项目开发中，会需要自定义el-select样式，当我们选中el-select后，会出现一个蓝色边框，这个边框并不是我们想要的，需要进行移除。通过检查样式会发现一个样式--el-select-input-focus-border-color，将这个样式设置none就可以...
yekong
6个月前 (06-19)
喜欢
vue3 数据可视化大屏项目中，设计师会设置类似下图的效果，这里我们使用element-plus的el-select来实现我们想要的效果，不过el-select使用的是字体图标，我们需要对其进行修改
版本号
"element-plus": "2.2....
yekong
6个月前 (06-19)
喜欢
vue2 webpack js项目运行时，会出现下面的警告信息
MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 upgrade listeners added to [Serv...
yekong
6个月前 (06-12)
喜欢
![MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 upgrade listeners added to [Server]](https://images.wanjunshijie.com/img/pic/6.jpg?imageView2/1/w/200/h/123/format/jpg/interlace/1/q/75|watermark/2/text/5a6M56uj5LiW55WM/font/5pa55q2j6buR5L2T/fontsize/240/fill/I0ZBRjZGNg==/dissolve/100/gravity/SouthEast/dx/10/dy/10)