vue3 数据可视化大屏 商圈总体情况数据分析

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

开发环境

nodejs 16

开发环境

vue3+vite+js

分辨率

1920*1080

演示地址

vue3 数据可视化大屏 商圈总体情况数据分析

演示demo:vue3 数据可视化大屏 商圈总体情况数据分析

效果截图

动画效果

项目模块

1.商户分析

饼状图的形式展示：

商户类型分析：餐饮业 零售业 服务业 占比

商户属性分析：个人 合伙 公司

2.租金减免情况

表格的形式展示 商户年租金 租金减免金额 减免比例

3.客流量年龄分布

柱状图展示各个商圈的客户年龄分段

18岁以下
18-24岁
25—44岁
44—54岁
55—64岁
65岁以上

4.工作日流量

各商圈工作日的流量

5.周末流量

折线图展示各商圈周末的流量

6.各大建筑物经营情况表

表格的形式展示各大建筑物经营情况表 商户数 消费额 从业人员人数

7.商圈企业情况图

柱状图展示商圈企业情况

8.客流的消费水平

饼状图展示客流的消费水平

高德地图展示商圈位置

项目依赖

  "dependencies": {
    "@vue/shared": "^3.2.47",
    "autoprefixer": "^10.4.13",
    "crypto-js": "^4.2.0",
    "disable-devtool": "^0.3.7",
    "echarts": "^5.4.3",
    "fs": "0.0.1-security",
    "gsap": "^3.11.4",
    "highcharts": "10.1.0",
    "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，购买代码请确保有相关开发基础

纯前端项目，无数据交互

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