实时曲线显示：赋能温湿度监测小工具焕新体验

2023-12-03 01:12:11

在上一篇文章中，我们成功构建了温湿度监测小工具的基本功能。在本篇教程中，我们将更进一步，为我们的工具添加一个激动人心的特性：实时曲线显示。这将使我们能够可视化随着时间的推移记录的温度和湿度数据，从而为监测过程提供更深入的见解。

在开始之前，我们需要确保已经完成前一篇文章中的所有步骤。这包括设置传感器和配置Windows窗体应用程序。

绘制实时曲线

为了创建实时曲线，我们需要创建一个新的图表控件。我们将使用名为ZedGraph的免费和开源图表库。有关如何将ZedGraph集成到您的项目中的说明，请访问其官方网站。

完成集成后，我们可以使用以下代码创建新的图表控件：

ZedGraphControl myZedGraphControl = new ZedGraphControl();
myZedGraphControl.Location = new Point(10, 10);
myZedGraphControl.Size = new Size(400, 300);
this.Controls.Add(myZedGraphControl);

接下来，我们需要创建一个新的图表并将其添加到ZedGraph控件中：

GraphPane myGraphPane = new GraphPane();
myZedGraphControl.GraphPane = myGraphPane;

现在我们可以开始绘制曲线了。对于温度曲线，我们可以使用以下代码：

LineItem myTemperatureCurve = myGraphPane.AddCurve("Temperature", new double[] { }, new double[] { }, Color.Red, SymbolType.None);

对于湿度曲线，我们可以使用类似的代码：

LineItem myHumidityCurve = myGraphPane.AddCurve("Humidity", new double[] { }, new double[] { }, Color.Blue, SymbolType.None);

更新曲线

为了使曲线保持实时更新，我们需要在主循环中定期更新数据。我们可以使用以下代码在每秒更新一次曲线：

while (true)
{
    // 获取温度和湿度值
    double temperature = GetTemperature();
    double humidity = GetHumidity();

    // 更新曲线
    myTemperatureCurve.AddPoint(DateTime.Now, temperature);
    myHumidityCurve.AddPoint(DateTime.Now, humidity);

    // 刷新图表
    myZedGraphControl.Refresh();

    // 等待一秒
    Thread.Sleep(1000);
}