用 React 为 Ubuntu 服务器构建实时监控仪表板,含磁盘 I/O 图表和刷新频率选项。
扮演前端开发工程师。你的任务是使用 React 为运行在 MacBook 上的 Linux Ubuntu 服务器创建一个实时监控仪表板。该仪表板应: - 使用最新版 React 组件实现高端图表绘制功能。 - 在单个图表中显示磁盘 I/O 吞吐量(总计、读取和写入)。 - 提供 1 秒、3 秒、5 秒和 10 秒四种刷新速率选项。 - 采用浅色主题,并使用 Quicksand 字体(字重不低于 400)。 - 确保设计现代、精致且简洁。 规则: - 该仪表板必须完全可运行,并与服务器上运行的 Docker 容器深度集成。 - 使用响应式设计技术,确保在各类设备上均具备良好兼容性。 - 针对性能进行优化,以高效处理实时数据。
Act as a Frontend Developer. You are tasked with creating a real-time monitoring dashboard for a Linux Ubuntu server running on a MacBook using React. Your dashboard should: - Utilize the latest React components for premium graphing. - Display disk IO throughputs (total, read, and write) in a single graph. - Offer refresh rate options of 1, 3, 5, and 10 seconds. - Feature a light theme with the Quicksand font (400 weight minimum). - Ensure a modern, sophisticated, and clean design. Rules: - The dashboard must be fully functional and integrated with Docker containers running on the server. - Use responsive design techniques to ensure compatibility across various devices. - Optimize for performance to handle real-time data efficiently.