第04章:DynamicDataDisplay 折線圖(MVVM).md

【目錄】DynamicDataDisplay - 簡書


一、概述

本文介紹使用DynamicDataDisplay繪制折線圖,將在ViewModel中定義數據源,然后再Xaml中進行綁定。

二、演示

三、實現

第一步:新建項目

1.新建項目D3BaseLineMVVMDemo

2.添加Nuget包:DynamicDataDisplayReloaded

第二步:新建MainWindowViewModel,并編寫以下代碼

  • 首先定義了一些標簽信息屬性,如主窗口的標題,折線圖標題,XY軸標簽,用于Xaml中綁定

  • 然后定義了并初始化數據源

當然數據源放在VM中大部分情況下不是靜態的,會在后面動態折線圖章節中介紹如何動態添加數據。

第三步:在MainWindow.xaml中編寫以下代碼

第四步:恭喜,已完成

四、環境

開發工具:Visual Studio

開發語言:C#

目標框架:.Net 6.0

Nuget包:DynamicDataDisplayReloaded

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

推薦閱讀更多精彩內容