第03章:DynamicDataDisplay 折线图(Xaml
2022-07-15 本文已影响0人
RobotZe
一、概述
本文介绍使用DynamicDataDisplay的Xaml方式绘制。
前面两章一直是在用Xaml形式添加折线,这一章再添加上各个标题,作为一次比较完整的Xaml。以区别后面的Code形式添加。
二、演示
![](https://img.haomeiwen.com/i8833471/4a796cb5f48f467e.png)
三、实现
第一步:新建项目
1.新建项目D3BaseLineStylePoc
2.添加Nuget包:DynamicDataDisplayReloaded
![](https://img.haomeiwen.com/i8833471/adbbe9bc273ccae4.png)
第二步:在MainWindow.xaml中编写以下代码
![](https://img.haomeiwen.com/i8833471/dcb3b7f9e6e39716.png)
-
Header:折线图标题
-
VerticalAxisTitle:Y轴标题
-
HorizontalAxisTitle:X轴标题
通过添加这些标题,可以发现,只需往ChartPlotter中添加原色即可完成绘制。
第三步:在MainWindow.xaml.cs中编写以下代码
![](https://img.haomeiwen.com/i8833471/fbedf143f47dd786.png)
第四步:恭喜,已完成DynamicDataDisplay的Xaml方式绘制
四、环境
开发工具:Visual Studio
开发语言:C#
目标框架:.Net 6.0
Nuget包:DynamicDataDisplayReloaded