vue3 可视化数据大屏 智慧党建数据可视化

如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870

开发环境

nodejs v16.20.0

开发框架

vue3 vite js

分辨率

1920 * 1080

演示地址

演示demo:智慧党建数据可视化 可视化数据大屏 vue3

动态效果

效果截图

页面模块

性别统计

使用饼状图展示党员性别占比

年龄统计

使用横向柱状图展示年龄区间：20-24岁、25—34岁、35-44岁、45-59岁、≥60岁

民族结构

使用柱状图展示党员民族结构

学历结构

使用雷达图展示学历结构：硕士、大专、高中、中专、本科、博士

党费缴纳人数

使用数字卡片展示党费缴纳人数情况

发展党员情况

使用柱状图展示近几年发展党员情况

党费交纳统计

使用柱状图加折线图展示党员和支部党费交纳情况。

党龄统计

柱状图展示党员党龄分布

党员组织活动

使用滚动列表展示党员活动情况：党支部、党员、参与活动、占比

基本情况

使用数字卡片展示基础数据：正式党员、预备党员、发展党员、党委、党总支、党支部

大屏数据可视化模板

数据可视化大屏模板

更多背景图资源

数据可视化大屏背景图

项目文件目录

项目依赖

"dependencies": {
    "@vue/shared": "^3.2.47",
    "amfe-flexible": "^2.2.1",
    "autoprefixer": "^10.4.13",
    "crypto-js": "^4.2.0",
    "dayjs": "^1.11.7",
    "disable-devtool": "^0.3.7",
    "echarts": "^5.4.3",
    "fs": "0.0.1-security",
    "gsap": "^3.11.4",
    "postcss": "^8.4.21",
    "postcss-loader": "^7.0.2",
    "postcss-pxtorem": "^6.0.0",
    "qiniu": "^7.8.0",
    "qs": "^6.11.2",
    "sass": "^1.57.1",
    "sass-loader": "^13.2.0",
    "style-loader": "^3.3.1",
    "vite-plugin-compression": "^0.5.1",
    "vue": "^3.2.45",
    "vue-router": "^4.1.6",
    "vue3-seamless-scroll": "^2.0.1",
    "wow.js": "^1.2.2"
  }

源码下载

纯前端项目

项目基于vue3+vite+js开发 nodejs 16，购买代码请确保有相关开发基础

代码为vue3框架vue2写法

虚拟产品一经售出 概不退款请谅解