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

最新推荐文章于 2024-07-22 22:03:27 发布

OnePiece白胡子

最新推荐文章于 2024-07-22 22:03:27 发布

阅读量981

点赞数 2

分类专栏：白胡子上位机

白胡子同时被 2 个专栏收录

15 篇文章 0 订阅

订阅专栏

上位机

1 篇文章 0 订阅

订阅专栏

最近在写一个上位机，为了与下位机软件串口进行通信以及一些数据的形象显示，做到曲线图这一块的时候出现了一些问题，我用的是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的具体设计代码，我的代码如下，可做参考

<d3:ChartPlotter Name=“plotter”>
<d3:Header TextBlock.FontSize=“20”>
图的名字
</d3:Header>
d3:VerticalAxisTitleSine value</d3:VerticalAxisTitle>
d3:HorizontalAxisTitleSine argument</d3:HorizontalAxisTitle>
</d3:ChartPlotter>
（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();