一、概述
本文介紹使用DynamicDataDisplay繪制折線圖,將在ViewModel中定義數據源,然后再Xaml中進行綁定。
二、演示
三、實現
第一步:新建項目
1.新建項目D3BaseLineMVVMDemo
2.添加Nuget包:DynamicDataDisplayReloaded
第二步:新建MainWindowViewModel,并編寫以下代碼
首先定義了一些標簽信息屬性,如主窗口的標題,折線圖標題,XY軸標簽,用于Xaml中綁定
然后定義了并初始化數據源
當然數據源放在VM中大部分情況下不是靜態的,會在后面動態折線圖章節中介紹如何動態添加數據。
第三步:在MainWindow.xaml中編寫以下代碼
第四步:恭喜,已完成
四、環境
開發工具:Visual Studio
開發語言:C#
目標框架:.Net 6.0
Nuget包:DynamicDataDisplayReloaded