第01章:DynamicDataDisplay 基礎折線圖

【目錄】DynamicDataDisplay - 簡書


一、概述

本文介紹使用DynamicDataDisplay繪制基礎折線圖。

二、演示

三、實現(xiàn)

第一步:建項目D3BaseLineDemo

第二步:添加Nuget包

添加Nuget包:DynamicDataDisplayReloaded

注:此包為原DynamicDataDisplay擴展版,在原有的基礎上修復Bug,新增功能

第三步:MainWindow.xaml

將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

?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容