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