上期我们介绍了如何配置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协议连接物联网 (可以炒冷饭了,因为前面有一期也是讲这个) **
**