第01章：DynamicDataDisplay 基础折线图

【目录】DynamicDataDisplay - 简书

---

一、概述

本文介绍使用DynamicDataDisplay绘制基础折线图。

二、演示

三、实现

第一步：建项目D3BaseLineDemo

第二步：添加Nuget包

添加Nuget包：DynamicDataDisplayReloaded

注：此包为原DynamicDataDisplay扩展版，在原有的基础上修复Bug，新增功能

第三步：MainWindow.xaml

• 声明d3引用：xmlns:d3="http://research.microsoft.com/DynamicDataDisplay/1.0"

• ChartPlotter：图表绘制容器，可往此容器添加任意可绘制内容

• LineGraph：线图形，使用此类绘制折线

将LineGraph添加到ChartPlotter，然后为LineGraph填充数据源(DataSource)，便可绘制折线图。

第四步：MainWindow.xaml.cs

• 在CreateDataSource方法中，首先使用模拟数据创建了points集合，然后由此集合创建了可枚举数据源，并映射XY值，然后返回此数据源。

• 将数据源赋值给lineGraph便完成了折线的绘制。

• 当然，这只是便于入门的基础绘制，后面会继续完善折线图。

• 本例采用Xaml的方式添加LineGraph，后面会继续介绍如何在代码中添加LineGraph，以及如何用与MVVM结合。

第五步：恭喜，已完成基础折线图的绘制。

四、环境

开发工具：Visual Studio

开发语言：C#

目标框架：.Net 6.0

Nuget包：DynamicDataDisplayReloaded