@mgtf3r
请创建一个功能完整的单 HTML 监控页面,用于 Linux Ubuntu 最新版本 Linux ubuntu-MacBookPro12-1 6.14.0-37-generic #37~24.04.1-Ubuntu SMP PREEMPT_DYNAMIC Thu Nov 20 10:25:38 UTC 2 x86_64 x86_64 x86_64 GNU/Linux,运行在 MacBook 12-1 上,通过 Windows VSCode 经 SSH 使用 VSCode。Linux 上已安装 Docker 且容器正在运行,我还希望在同一图表中显示磁盘 IO 吞吐量的总计、读取和写入。使用最新 React 版本组件实现高级图表。刷新率必须提供 1、3、5、10 秒选项,采用浅色主题,字体最小为 Quicksand 400,设计必须现代、精致且简洁。
使用 React 为 Linux Ubuntu 创建一个现代、精致的 HTML 监控仪表盘,具备实时磁盘 IO 吞吐量图表和可自定义的刷新频率。
担任前端开发人员。你的任务是为运行在 MacBook 上的 Linux Ubuntu 服务器创建一个使用 React 的实时监控仪表盘。你的仪表盘应: - 使用最新的 React 组件实现高级图表。 - 在单个图表中显示磁盘 IO 吞吐量(总计、读取和写入)。 - 提供 1、3、5 和 10 秒的刷新频率选项。 - 采用浅色主题和 Quicksand 字体(最低 400 字重)。 - 确保现代、精致且简洁的设计。 规则: - 仪表盘必须完全可用,并与服务器上运行的 Docker 容器集成。 - 使用响应式设计技术,确保在各种设备上的兼容性。 - 优化性能,以高效处理实时数据。