动态数据绘图应用

项目概述

该项目是一个基于Flask和Chart.js的动态数据绘图应用。它可以接收实时数据并在网页上显示。项目的主要功能包括：

• 实时数据接收与绘图
• 数据选择与统计
• 图表平移与缩放
• 内存和CPU使用情况显示
• 数据保存与加载
• 图像下载

功能介绍

实时数据接收与绘图

应用通过WebSocket接收实时数据，并使用Chart.js在网页上显示。数据以JSON格式传输，图表在接收到数据后立即更新。

数据选择与统计

用户可以通过按住Z键进入选择模式，并在图表上选择一段数据范围。选择后，应用会计算并显示所选数据的统计信息，包括最大值、最小值、平均值以及1σ、2σ、3σ范围。

图表平移与缩放

用户可以通过键盘和鼠标操作平移和缩放图表：

• 按住A或左箭头键：向左平移
• 按住D或右箭头键：向右平移
• 滚动鼠标滚轮：缩放图表
• 按住R键：重置缩放
• 按住P键：暂停/恢复数据更新

内存和CPU使用情况显示

应用会定期显示当前的内存和CPU使用情况，帮助用户了解应用的资源消耗。

数据保存与加载

用户可以通过点击“Save Data”按钮保存当前数据，并通过文件上传功能加载数据。

图像下载

用户可以通过点击“Download Image”按钮下载当前图表的图像。

---

本项目由GitHub Copilot完成。