一、概述
本文介紹使用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