- 新增BI模块(src/bi/),包含数据模型、服务和控制器 - 支持数据源管理、图表创建、看板配置 - 实现多图表类型:折线图、柱状图、饼图、散点图、面积图、仪表盘、表格 - 提供REST API(/bi/)和前端API(/bi-api/)接口 - 创建响应式前端界面,支持拖拽和实时数据展示 - 默认包含运营总览、设备管理、安全监控看板 - 支持与Superset和Metabase集成 🤖 Generated with [OpenClaw](https://github.com/robocomp/openclaw)
1.1 KiB
1.1 KiB
水务管理系统 BI 前端
这是一个简单的HTML前端,用于展示水务管理系统的BI看板和数据可视化功能。
功能特点
- 自助BI看板浏览
- 图表数据可视化
- 实时数据展示
- 响应式设计
- 移动端兼容
文件结构
frontend/
├── index.html # 主页面
├── css/
│ └── styles.css # 样式文件
├── js/
│ ├── main.js # 主要JavaScript逻辑
│ ├── api.js # API调用封装
│ └── charts.js # 图表绘制逻辑
└── lib/
└── echarts.min.js # ECharts图表库
使用方法
- 确保后端API服务器正在运行
- 打开
index.html文件 - 选择要查看的看板
- 查看实时数据和图表
API接口
前端主要通过以下API接口与后端交互:
/bi-api/dashboards/overview- 获取概览看板/bi-api/dashboards/{id}/data- 获取看板数据/bi-api/charts/{id}/data- 获取图表数据/bi-api/search- 搜索功能
技术栈
- HTML5
- CSS3
- JavaScript (ES6+)
- ECharts 图表库
- Fetch API