一、概述
本文介绍使用DynamicDataDisplay绘制折线图,将在ViewModel中定义数据源,然后再Xaml中进行绑定。
二、演示

三、实现
第一步:新建项目
1.新建项目D3BaseLineMVVMDemo
2.添加Nuget包:DynamicDataDisplayReloaded

第二步:新建MainWindowViewModel,并编写以下代码

-
首先定义了一些标签信息属性,如主窗口的标题,折线图标题,XY轴标签,用于Xaml中绑定
-
然后定义了并初始化数据源
当然数据源放在VM中大部分情况下不是静态的,会在后面动态折线图章节中介绍如何动态添加数据。
第三步:在MainWindow.xaml中编写以下代码

第四步:恭喜,已完成
四、环境
开发工具:Visual Studio
开发语言:C#
目标框架:.Net 6.0
Nuget包:DynamicDataDisplayReloaded
网友评论