C#写上位机中写曲线图的知识点（VS2019-WPF）

最近在写一个上位机，为了与下位机软件串口进行通信以及一些数据的形象显示，做到曲线图这一块的时候出现了一些问题，我用的是VS2019（个人不能吐槽VS2019新版本，因为平时也很少用VS，下载的时候就直接下载VS2019，用着还好吧，就是出问题得自己去试，在网上找解决办法貌似很难找）

 

废话不多说了，开始讲啦

 

因为我用WPF写的，它的WPF控件里面不像WFC中直接有chart控件，可以直接拿来用，如下图所示为WPF的控件

 

然后我使用DynamicDataDisplay控件来做折线图的设计

（1）下载DynamicDataDisplay库文件（下载链接放到评论里面了）

（2）在创建的WPF项目的引用里面添加DynamicDataDisplay库文件（如下图所示）浏览按钮找到刚下载的库文件加载进去即可

（3）在XAML文件中先引入chart文件具体代码见下

 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
 xmlns:d3="http://research.microsoft.com/DynamicDataDisplay/1.0"
 xmlns:local="clr-namespace:WPFSerialAssistant"

（4）然后在自己想要添加的地方写入chart的具体设计代码，我的代码如下，可做参考

 图的名字

Sine value
Sine argument

（5）有关数据绑定的问题，比如你现在要画折线图上面的点了，应该怎么操作？

在定义chart的时候定义了name属性，可以根据name属性在cs中进行数据的绑定来进行画点。

放一下我的代码哈

int N =RecData.Length;
                    double[] x = new double[N];
                    double[] y = new double[N];

                    for (int i = 0; i < N; i++)
                    {
                        x[i] =i;
                        y[i] = Convert.ToDouble(RecData[i]); 
                    }

                    // 创建数据资源
                    var xDataSource = x.AsXDataSource();
                    var yDataSource = y.AsYDataSource();

                    CompositeDataSource compositeDataSource = xDataSource.Join(yDataSource);
                    // 添加数据到图像上
                    plotter.AddLineGraph(compositeDataSource, Colors.Goldenrod, 3);

                    // 变可见
                    plotter.FitToView();