第04章：DynamicDataDisplay 折线图(MVVM

【目录】DynamicDataDisplay - 简书

---

一、概述

本文介绍使用DynamicDataDisplay绘制折线图，将在ViewModel中定义数据源，然后再Xaml中进行绑定。

二、演示

三、实现

第一步：新建项目

1.新建项目D3BaseLineMVVMDemo

2.添加Nuget包：DynamicDataDisplayReloaded

第二步：新建MainWindowViewModel，并编写以下代码

• 首先定义了一些标签信息属性，如主窗口的标题，折线图标题，XY轴标签，用于Xaml中绑定

• 然后定义了并初始化数据源

当然数据源放在VM中大部分情况下不是静态的，会在后面动态折线图章节中介绍如何动态添加数据。

第三步：在MainWindow.xaml中编写以下代码

第四步：恭喜，已完成

四、环境

开发工具：Visual Studio

开发语言：C#

目标框架：.Net 6.0

Nuget包：DynamicDataDisplayReloaded