# 工智云域管理系统的数据可视化ECharts **Repository Path**: magicxie/IMCH ## Basic Information - **Project Name**: 工智云域管理系统的数据可视化ECharts - **Description**: 采用现代化的前端技术栈(Vue 3 + Vite + Pinia)和主流UI框架(Ant Design Vue + Element Plus)开发,具备美观直观的用户界面和流畅的交互体验。后端基于Spring Boot + MyBatis Plus构建,提供稳定高效的数据处理能力 。数据可视化的前端采用 dataV+ECharts +Vue3 , 数据库采用MySQL - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 3 - **Created**: 2025-10-21 - **Last Updated**: 2025-10-21 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 智造云枢可视化平台 一个基于Vue 3开发的大数据可视化平台,用于智能制造数据的展示与分析。 ## 项目概述 本项目是一个现代化的数据可视化系统,采用响应式设计,展示智能制造相关的关键数据指标。通过直观的图表和数据展示,帮助用户快速了解生产状况、设备运行情况以及其他关键业务指标。 ## 技术栈 - Vue 3 - 前端框架 - Vite - 构建工具 - Pinia - 状态管理 - Vue Router - 路由管理 - ECharts/Vue-ECharts - 图表库 - Element Plus - UI组件库 - DataV-Vue3 - 数据可视化组件库 - Axios - HTTP请求库 ## 安装与使用 ### 环境要求 - Node.js >= 16.0.0 - npm >= 8.0.0 ### 开发模式运行 需要和前端项目分开运行 ```bash npm run dev ``` ### 构建生产版本 ```bash npm run build ``` ## 项目结构 ``` ├── public/ # 静态资源 ├── src/ # 源代码 │ ├── api/ # API接口定义 │ ├── assets/ # 资源文件(图片、字体等) │ ├── components/ # 组件 │ ├── router/ # 路由配置 │ ├── stores/ # Pinia状态管理 │ ├── utils/ # 工具函数 │ ├── views/ # 页面视图 │ ├── App.vue # 根组件 │ └── main.js # 入口文件 ├── index.html # HTML模板 ├── package.json # 项目配置 └── vite.config.js # Vite配置 ``` ## 特性 - 响应式布局,适配不同屏幕尺寸 - 丰富的图表类型和数据可视化组件 - 实时数据更新 - 美观的UI设计,突出数据展示 - 模块化架构,易于扩展 ## 效果图展示 ![1744194800954](image/xiaoguo/1744194800954.png) ![1744194810811](image/xiaoguo/1744194810811.png) ![1744194819639](image/xiaoguo/1744194819639.png) ![1744194829633](image/xiaoguo/1744194829633.png) ![1744194839711](image/xiaoguo/1744194839711.png) ![1744194851768](image/xiaoguo/1744194851768.png) ![1744194859304](image/xiaoguo/1744194859304.png) ![1744194882451](image/xiaoguo/1744194882451.png) ![1744194893778](image/xiaoguo/1744194893778.png) ![1744194902130](image/xiaoguo/1744194902130.png) ![1744194911944](image/xiaoguo/1744194911944.png) ![1744194918338](image/xiaoguo/1744194918338.png) ![1744194928863](image/xiaoguo/1744194928863.png) ![1744194935791](image/xiaoguo/1744194935791.png) ![1744194942479](image/xiaoguo/1744194942479.png) ![1744194949447](image/xiaoguo/1744194949447.png) ![1744194956084](image/xiaoguo/1744194956084.png) ![1744194965534](image/xiaoguo/1744194965534.png) ![1744194972149](image/xiaoguo/1744194972149.png) ![1744194977728](image/xiaoguo/1744194977728.png) ![1744194987285](image/xiaoguo/1744194987285.png) ![1744194999948](image/xiaoguo/1744194999948.png) ![1744195006926](image/xiaoguo/1744195006926.png) ![1744195034913](image/xiaoguo/1744195034913.png) ![1744195143250](image/xiaoguo/1744195143250.png) ![1744195148952](image/xiaoguo/1744195148952.png) ![1744195154526](image/xiaoguo/1744195154526.png) ![1744195159525](image/xiaoguo/1744195159525.png) ![1744195166676](image/xiaoguo/1744195166676.png) ![1744195173293](image/xiaoguo/1744195173293.png) ![1744195179804](image/xiaoguo/1744195179804.png) ![1744195187288](image/xiaoguo/1744195187288.png) ![1744195193041](image/xiaoguo/1744195193041.png) ![1744195197946](image/xiaoguo/1744195197946.png) ![1744195208585](image/xiaoguo/1744195208585.png) ![1744195617084](image/xiaoguo/1744195617084.png) ![1744195626542](image/xiaoguo/1744195626542.png) ![1744195636413](image/xiaoguo/1744195636413.png) ![1744195646114](image/xiaoguo/1744195646114.png) ![1744195766479](image/xiaoguo/1744195766479.png) ![1744195775161](image/xiaoguo/1744195775161.png) ## 许可证 [MIT](LICENSE)