用Arduino串口绘图仪观察三角函数：手把手教你实现动态波形显示

用Arduino串口绘图仪观察三角函数：手把手教你实现动态波形显示

在创客项目的开发过程中，数据可视化是调试和验证的重要环节。想象一下，当你需要观察传感器采集的温度变化、电机转速波动或是其他周期性信号时，如果能实时看到这些数据的波形图，将极大提升调试效率。Arduino IDE内置的串口绘图仪(Serial Plotter)正是这样一个轻量级但功能强大的工具，它不需要额外的硬件或复杂的软件配置，就能将串口数据转化为动态波形。

本文将带你从零开始，通过构建正弦和余弦函数的生动案例，掌握使用Serial Plotter实现动态波形显示的完整流程。无论你是刚接触Arduino的新手，还是有一定经验的开发者，都能从中获得实用的技巧和方法。我们将重点探讨时间间隔控制、数据格式处理等关键环节，并分享如何通过调整delay()参数来优化波形显示效果。

1. 串口绘图仪基础与工作原理

串口绘图仪是Arduino IDE内置的一个简单但强大的数据可视化工具。它通过读取串口数据，实时绘制出波形图，特别适合观察随时间变化的信号。理解其工作原理，能帮助我们更好地利用这个工具。

1.1 串口绘图仪的核心机制

串口绘图仪本质上是一个实时绘图工具，它将接收到的串口数据转换为XY坐标系中的点：

• X轴：代表时间，被均匀分为500个单位。随着新数据的不断接收，整个波形会向左滑动，形成动态效果。
• Y轴：对应从串口接收到的数值，可以同时显示多个数据序列。

数据格式遵循特定规则：

value1,value2,value3\n value1,value2,value3\n

每行数据以换行符(\n)结束，同一行中的多个数值用逗号分隔。这种格式类似于CSV文件，但更加轻量级。

1.2 与串口监视器的区别

虽然串口监视器(Serial Monitor)和串口绘图仪都接收串口数据，但它们的用途和表现方式有显著不同：

提示：当需要观察数据的变化趋势时，串口绘图仪是更好的选择；而当需要精确数值或文本信息时，则应使用串口监视器。

2. 构建三角函数波形发生器

三角函数是电子工程和信号处理中最基础的周期函数，非常适合用来演示串口绘图仪的功能。我们将创建一个能同时输出正弦和余弦波形的Arduino程序。

2.1 基础正弦波实现

让我们从最简单的正弦波开始。以下代码会产生一个幅度为1，周期约为6.28秒的正弦波：

float angle = 0.0; void setup() { Serial.begin(115200); // 设置高波特率以获得更流畅的波形 } void loop() { float sineValue = sin(angle); // 计算当前角度的正弦值 Serial.println(sineValue); // 发送到串口绘图仪 angle += 0.1; // 增加角度值 if(angle >= 2*PI) angle = 0; // 防止数值过大 delay(50); // 控制波形更新速度 }

这段代码的关键点在于：

• 使用sin()函数计算正弦值，参数为弧度制
• 通过逐步增加angle变量来推进波形
• delay(50)决定了波形的刷新率，影响波形的"光滑"程度

2.2 多波形同步输出技术

实际应用中，我们常常需要同时观察多个相关信号。改进上面的代码，使其能同时输出正弦和余弦波形：

float angle = 0.0; void setup() { Serial.begin(115200); } void loop() { float sineValue = sin(angle); float cosineValue = cos(angle); // 同时输出两个波形数据，用逗号分隔 Serial.print(sineValue); Serial.print(","); Serial.println(cosineValue); angle += 0.1; if(angle >= 2*PI) angle = 0; delay(50); }

串口绘图仪会自动为这两个数据序列分配不同颜色，方便区分。你可以通过添加更多逗号分隔的值来显示更多曲线。

3. 波形显示优化技巧

获得基本波形后，我们需要关注如何优化显示效果，使其更符合实际观察需求。

3.1 时间间隔与波形质量

delay()函数的参数设置直接影响波形的显示质量。下表展示了不同delay值对波形的影响：

注意：过小的delay值可能导致串口缓冲区溢出，特别是当波特率较低时。建议使用115200或更高的波特率。

3.2 幅度与偏移调整

实际应用中，我们经常需要调整波形的幅度和偏移量。修改前面的代码实现这些功能：

float angle = 0.0; const float amplitude = 2.5; // 幅度控制 const float offset = 1.0; // 直流偏移 void loop() { float sineValue = offset + amplitude * sin(angle); // ...其余代码不变 }

这种调整在以下场景特别有用：

• 适配不同量程的传感器
• 观察小信号变化时放大波形
• 将波形移动到观察窗口的中央位置

4. 高级应用与实战技巧

掌握了基础功能后，让我们探讨一些更高级的应用场景和实用技巧。

4.1 动态参数调整技术

有时我们需要在不重新上传代码的情况下调整波形参数。可以通过串口输入来实现：

float angle = 0.0; float amplitude = 1.0; float frequency = 1.0; void setup() { Serial.begin(115200); } void loop() { // 检查串口输入 if(Serial.available()) { char cmd = Serial.read(); if(cmd == '+') amplitude += 0.1; if(cmd == '-') amplitude -= 0.1; if(cmd == 'f') frequency += 0.1; if(cmd == 's') frequency -= 0.1; } float value = amplitude * sin(angle); Serial.println(value); angle += 0.1 * frequency; if(angle >= 2*PI) angle = 0; delay(50); }

使用串口监视器发送字符可以实时调整波形的幅度和频率：

• '+'/'-'：增加/减小幅度
• 'f'/'s'：加快/减慢频率

4.2 多波形相位关系分析

串口绘图仪特别适合分析多个信号之间的相位关系。下面的代码生成三个有固定相位差的正弦波：

float angle = 0.0; void loop() { float wave1 = sin(angle); // 基准波形 float wave2 = sin(angle + PI/4); // 超前π/4 float wave3 = sin(angle - PI/2); // 滞后π/2 Serial.print(wave1); Serial.print(","); Serial.print(wave2); Serial.print(","); Serial.println(wave3); angle += 0.05; if(angle >= 2*PI) angle = 0; delay(30); }

这种技术在以下场景中非常实用：

• 分析传感器信号之间的相位差
• 观察PWM信号与反馈信号的时序关系
• 验证滤波器对相位的影响

5. 常见问题与解决方案

在实际使用串口绘图仪时，可能会遇到各种问题。以下是几个典型问题及其解决方法。

5.1 波形显示异常排查

当波形显示不符合预期时，可以按照以下步骤排查：

1. 检查数据格式：

   • 确保数值间用逗号分隔
   • 每行数据以println结束(包含\n)
   • 避免多余的空格或特殊字符

2. 验证波特率设置：

   • 确保代码和绘图仪使用相同的波特率
   • 高刷新率时建议使用115200或更高

3. 观察原始数据：

   • 先用串口监视器查看原始数据格式
   • 确认数值范围在合理区间内

5.2 性能优化建议

当处理高频率信号或多通道数据时，可以考虑以下优化措施：

• 减少字符串操作：直接使用Serial.print()而非字符串拼接

// 更高效的方式 Serial.print(value1); Serial.print(","); Serial.println(value2); // 低效的方式 String data = String(value1) + "," + String(value2); Serial.println(data);

• 适当降低刷新率：找到能满足需求的最小刷新率
• 简化数据处理：在发送前完成所有计算，避免loop()中复杂的运算

6. 从模拟到现实：传感器数据可视化

掌握了三角函数波形的显示方法后，我们可以将这些技巧应用到实际传感器数据的可视化中。

6.1 温度传感器波形显示

以常见的LM35温度传感器为例，以下代码实现了温度变化的实时波形显示：

const int tempPin = A0; void setup() { Serial.begin(115200); analogReference(INTERNAL); // 使用1.1V内部参考电压(仅限某些Arduino型号) } void loop() { int rawValue = analogRead(tempPin); float voltage = rawValue * 1.1 / 1023.0; // 转换为电压值 float temperature = voltage * 100.0; // LM35转换公式 Serial.println(temperature); delay(200); // 温度变化较慢，可以使用较大的delay }

6.2 多传感器数据同步显示

当需要同时监测多个传感器时，可以扩展多波形显示技术：

const int tempPin = A0; const int lightPin = A1; void loop() { float temperature = analogRead(tempPin) * 0.107; // 简化计算 float lightLevel = analogRead(lightPin) / 10.23; // 转换为百分比 Serial.print(temperature); Serial.print(","); Serial.println(lightLevel); delay(100); }

在实际项目中，我发现给不同传感器数据添加适当的缩放因子很有必要，这样可以使所有波形都能在绘图仪的显示范围内清晰可见。例如，温度数据可能需要在0-50范围内，而光照强度则在0-100范围内。