第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

版权声明:
作者:siwei
链接:https://www.techfm.club/p/49442.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>