第01章:DynamicDataDisplay 基础折线图

【目录】DynamicDataDisplay - 简书


一、概述

本文介绍使用DynamicDataDisplay绘制基础折线图。

二、演示

三、实现

第一步:建项目D3BaseLineDemo

第二步:添加Nuget包

添加Nuget包:DynamicDataDisplayReloaded

注:此包为原DynamicDataDisplay扩展版,在原有的基础上修复Bug,新增功能

第三步:MainWindow.xaml

将LineGraph添加到ChartPlotter,然后为LineGraph填充数据源(DataSource),便可绘制折线图。

第四步:MainWindow.xaml.cs

  • 在CreateDataSource方法中,首先使用模拟数据创建了points集合,然后由此集合创建了可枚举数据源,并映射XY值,然后返回此数据源。

  • 将数据源赋值给lineGraph便完成了折线的绘制。

  • 当然,这只是便于入门的基础绘制,后面会继续完善折线图。

  • 本例采用Xaml的方式添加LineGraph,后面会继续介绍如何在代码中添加LineGraph,以及如何用与MVVM结合。

第五步:恭喜,已完成基础折线图的绘制。

四、环境

开发工具:Visual Studio

开发语言:C#

目标框架:.Net 6.0

Nuget包:DynamicDataDisplayReloaded

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

推荐阅读更多精彩内容