一、概述
本文介绍使用DynamicDataDisplay绘制基础折线图。
二、演示
三、实现
第一步:建项目D3BaseLineDemo
第二步:添加Nuget包
添加Nuget包:DynamicDataDisplayReloaded
注:此包为原DynamicDataDisplay扩展版,在原有的基础上修复Bug,新增功能
第三步:MainWindow.xaml
声明d3引用:xmlns:d3="http://research.microsoft.com/DynamicDataDisplay/1.0"
ChartPlotter:图表绘制容器,可往此容器添加任意可绘制内容
LineGraph:线图形,使用此类绘制折线
将LineGraph添加到ChartPlotter,然后为LineGraph填充数据源(DataSource),便可绘制折线图。
第四步:MainWindow.xaml.cs
在CreateDataSource方法中,首先使用模拟数据创建了points集合,然后由此集合创建了可枚举数据源,并映射XY值,然后返回此数据源。
将数据源赋值给lineGraph便完成了折线的绘制。
当然,这只是便于入门的基础绘制,后面会继续完善折线图。
本例采用Xaml的方式添加LineGraph,后面会继续介绍如何在代码中添加LineGraph,以及如何用与MVVM结合。
第五步:恭喜,已完成基础折线图的绘制。
四、环境
开发工具:Visual Studio
开发语言:C#
目标框架:.Net 6.0
Nuget包:DynamicDataDisplayReloaded