第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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容