极客秀
搜索

基于C#和ESP32的远程示波器(2)—— 在C#中使用chart折线图

上期我们介绍了如何配置VS中C#以及简单的使用C#之后,本期我们介绍C#中如何进行绘图。 ** 准备工作 **
我们所使用的控件是chart,但是值得一提的是由于C#的视频资料比较少,chart的资料都是好几年前的资料,chart在目前的(我用的).NET6.0及以上框架并不是默认控件,我们需要在NuGet管理库中添加我们的chart空间。

我们点开工具–>NuGet管理包–>管理解决方案的NuGet程序包。 接着搜索 Winforms.DataVisualization
找到我们的相对应的库并点击安装。

这样子我们就可以在高版本的NET中使用我们的chart画图了。

接着我们在chart空间的属性中修改数据的类型,我们找到Series,点击后面的三个小点。

找到我们的ChartType改成Spline就可以变成我们的折线图了

接着我们测试一下我们的折线图。 这里的Series是Chart所用的集合,我们可以使用其中的Points对象中的AddXY方法,向其添加相对应的点。
我们在FormLoad函数中输入下面代码,这样子我们在加载Form的时候可以改变我们的波形图


 private void Form1_Load(object sender, EventArgs e)        {            Series series = new Series("Sample Series");//创建新的合集            series.ChartType = SeriesChartType.Spline; // 将 ChartType 更改为 Spine            Random random = new Random();//随机数            for (int i = 0; i < 10; i++)            {                series.Points.AddXY(i, random.Next(10, 100));            }  
            // 添加 Series 到 Chart 控件            chart.Series.Add(series);        }

这样子我们的折线图就测试成功了,接下来我们测试一下我们放置100个正弦波的点。


Series series = new Series("Sine Wave");series.ChartType = SeriesChartType.Spline;// 添加正弦波数据for (double x = 0; x <= 4 * Math.PI; x += 0.1){   double y = Math.Sin(x);   series.Points.AddXY(x, y);}// 添加 Series 到 Chart 控件chart.Series.Add(series);

增加功能

接着我们在窗体上加上按钮,并将文本修改为增加和删除。 我们双击增加按钮和删除按钮,分别为他们写上如下的公式


 Series series = new Series();            series.ChartType = SeriesChartType.Spline;            Random random = new Random();//随机数            for (int i = 0; i < 10; i++)            {                series.Points.AddXY(i, random.Next(10, 100));            }            chart1.Series.Add(series);

增加一条曲线,曲线的内容是随机数。

chart1.Series.Clear();

删除chart的内容。

这样子我们就可以通过按钮来增加和删除我们的曲线啦。
下期预告 使用MQTT协议连接物联网 (可以炒冷饭了,因为前面有一期也是讲这个) **
**

1.转载请保留原文链接谢谢!
2.本站所有资源文章出自互联网收集整理,本站不参与制作,如果侵犯了您的合法权益,请联系本站我们会及时删除。
3.本站发布资源来源于互联网,可能存在水印或者引流等信息,请用户擦亮眼睛自行鉴别,做一个有主见和判断力的用户。
4.本站资源仅供研究、学习交流之用,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担。
5.联系方式(#替换成@):pm#vimge.com

  相关内容