63 lines
1.5 KiB
Markdown
63 lines
1.5 KiB
Markdown
# 热水和冷牛奶温度变化实验记录工具
|
||
|
||
这是一个用于记录和可视化热水与冷牛奶温度变化的网页工具。该工具主要用于物理实验中记录和分析两种液体随时间的温度变化情况。
|
||
|
||
## 功能特点
|
||
|
||
- 实时温度数据记录
|
||
- 动态折线图显示
|
||
- 可调节的坐标轴范围
|
||
- 支持数据的添加和删除
|
||
- 自动排序的数据记录列表
|
||
- 响应式设计，支持各种屏幕尺寸
|
||
|
||
## 技术栈
|
||
|
||
- HTML5
|
||
- CSS3
|
||
- JavaScript
|
||
- Chart.js (v3.9.1) - 用于图表绘制
|
||
|
||
## 使用说明
|
||
|
||
### 安装
|
||
|
||
1. 克隆或下载本项目到本地
|
||
2. 直接在浏览器中打开 `LiquidTempLab.html` 文件即可使用
|
||
|
||
### 数据记录
|
||
|
||
1. 在右侧控制面板中输入：
|
||
- 时间（分钟）
|
||
- 热水温度（℃）
|
||
- 冷牛奶温度（℃）
|
||
2. 点击"添加数据"按钮记录数据点
|
||
3. 数据会自动按时间顺序排序并显示在列表中
|
||
|
||
### 图表调整
|
||
|
||
1. 点击"坐标轴设置"展开设置面板
|
||
2. 可以设置：
|
||
- X轴范围（时间轴）
|
||
- Y轴范围（温度轴）
|
||
3. 设置会实时反映在图表上
|
||
|
||
### 数据管理
|
||
|
||
- 点击已记录的数据条目可以删除该条数据
|
||
- 使用"清空数据"按钮可以删除所有记录
|
||
- 所有数据操作都会实时更新图表显示
|
||
|
||
## 注意事项
|
||
|
||
- 时间值必须为非负整数
|
||
- 温度值支持小数点后一位
|
||
- 建议使用现代浏览器（Chrome、Firefox、Edge等）以获得最佳体验
|
||
|
||
## 作者
|
||
|
||
[在此添加作者信息]
|
||
|
||
## 许可证
|
||
|
||
[在此添加许可证信息] |