当前位置:首页 > 技术分析 > 正文内容

基于 Vue3.0+Echarts 可视化大屏数据分析系统

ruisui883个月前 (01-29)技术分析17

今天给小伙伴们推荐一款超优秀的全新Vue3.0大数据系统Vue3-bigData。

vue3-bigdata 基于vue3.0+echarts构建的可视化大屏图表展示系统。包括各种可视化图表及Vue3新API使用。

功能

  • 柱状图、饼图、词云图、漏斗图
  • 水球图、折线图
  • 仪表盘、雷达图
  • 矩形树图、关系图
  • 地图(分布图、散点图、热力图)

安装使用

# 克隆项目
git clone https://github.com/biubiubiu01/vue3-bigData.git

# 进入目录
cd vue3-bigData

# 安装依赖
npm install

# 本地开发
npm run serve

# 打包项目
npm run build

目录结构

首页点击地图可以进入到县,相关数据都会变。点击两侧的图表可以进入到详情页。

非常棒的一款Vue3开源可视化大屏项目,对于学习Vue3知识很有帮助,需要进阶的同学可以去了解下。

最后贴上演示及项目地址链接。

# 示例地址
https://gist006.gitee.io/vue3-bigdata/

# 仓库地址
https://github.com/biubiubiu01/vue3-bigData

ok,就介绍到这里。对于想学习全新Vue3.0 API技术的同学,不可错过哈!

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/604.html

分享给朋友:

“基于 Vue3.0+Echarts 可视化大屏数据分析系统” 的相关文章

Lindroid开源应用:在安卓手机 / 平板上安装 Linux发行版

IT之家 6 月 19 日消息,Erfan Abdi 本月发布了 Lindroid 开源应用程序,让用户可以在安卓手机上安装 GNU / Linux 发行版,在完全支持手机硬件的情况下可以运行 Linux 应用程序。Lindroid 开源应用程序就是将 Linux 放入容器中,使用 Halium 等...

「Git迁移」三行命令迁移Git包含提交历史,分支,tag标签等信息

问题描述:公司需要将一个git远程服务器的全部已有项目迁移到一台新服务器的Gitlab中,其中需要包含全部的提交纪录,已有的全部分支与全部打tag标签,目前此工作已全部迁移完毕,特此记录一下操作步骤环境描述:1. 要迁移的远程Git:Gitblit2. 迁移目的Git:Gitlab3. 暂存代码的P...

前后端分离自动化运维平台开发

运维平台采用前后端分离:前端vue,框架vue-element-admin;后端python,框架django-rest-framework.目前运维平台模块如下:1、 CMDB管理应用管理、环境管理、开发语言管理、产品项目管理、资产管理2、 构建发布持续构建、持续部署、Jar工程依赖构建3、 容器...

理解virt、res、shr之间的关系(linux系统篇)

前言想必在linux上写过程序的同学都有分析进程占用多少内存的经历,或者被问到这样的问题——你的程序在运行时占用了多少内存(物理内存)?通常我们可以通过top命令查看进程占用了多少内存。这里我们可以看到VIRT、RES和SHR三个重要的指标,他们分别代表什么意思呢?这是本文需要跟大家一起探讨的问题。...

vue v-html动态生成的html怎么加样式/事件

1、动态生成的html,样式不生效//html 布局 <view v-html="html"> {{html}} </view> //动态生成的元素 <view class="btngo" @tap="handleLink...

多项修正 尼康D4s发布最新1.10版固件

尼康公司与2014年8月27日发布了D4s的最新固件,固件版本号为C:1.10。这次固件升级,主要解决了一些BUG,并且对拍摄菜单与相机操作做了一定调整。下面是本次新固件的具体信息:尼康发布D4s最新C固件 1.10版对C固件升级到1.10版所作的修改:当选定运动VR模式并换上 AF-S 尼克尔 4...