一、概述
本文介紹使用DynamicDataDisplay繪制基礎折線圖。
二、演示
三、實現(xiàn)
第一步：建項目D3BaseLineDemo
第二步：添加Nuget包
添加Nuget包：DynamicDataDisplayReloaded
注：此包為原DynamicDataDisplay擴展版，在原有的基礎上修復Bug，新增功能
第三步：MainWindow.xaml
聲明d3引用：xmlns:d3="http://research.microsoft.com/DynamicDataDisplay/1.0"
ChartPlotter：圖表繪制容器，可往此容器添加任意可繪制內(nèi)容
LineGraph：線圖形，使用此類繪制折線
將LineGraph添加到ChartPlotter，然后為LineGraph填充數(shù)據(jù)源(DataSource)，便可繪制折線圖。
第四步：MainWindow.xaml.cs
在CreateDataSource方法中，首先使用模擬數(shù)據(jù)創(chuàng)建了points集合，然后由此集合創(chuàng)建了可枚舉數(shù)據(jù)源，并映射XY值，然后返回此數(shù)據(jù)源。
將數(shù)據(jù)源賦值給lineGraph便完成了折線的繪制。
當然，這只是便于入門的基礎繪制，后面會繼續(xù)完善折線圖。
本例采用Xaml的方式添加LineGraph，后面會繼續(xù)介紹如何在代碼中添加LineGraph，以及如何用與MVVM結合。
第五步：恭喜，已完成基礎折線圖的繪制。
四、環(huán)境
開發(fā)工具：Visual Studio
開發(fā)語言：C#
目標框架：.Net 6.0
Nuget包：DynamicDataDisplayReloaded
