发现

任务

客服工单

发文章

第01章：DynamicDataDisplay 底子折线图

手机软件开发 2024-10-6 16:22:28 102 0 来自 中国
【目次】DynamicDataDisplay - 简书
一、概述

本文先容利用DynamicDataDisplay绘制底子折线图。
二、演示

1.png 三、实现

第一步：建项目D3BaseLineDemo

2.png 第二步：添加Nuget包

添加Nuget包：DynamicDataDisplayReloaded
注：此包为原DynamicDataDisplay扩展版，在原有的底子上修复Bug，新增功能
第三步：MainWindow.xaml

4.png

  • 声明d3引用：xmlns:d3="http://research.microsoft.com/DynamicDataDisplay/1.0"
  • ChartPlotter：图表绘制容器，可往此容器添加恣意可绘制内容
  • LineGraph：线图形，利用此类绘制折线
将LineGraph添加到ChartPlotter，然后为LineGraph添补数据源(DataSource)，便可绘制折线图。
第四步：MainWindow.xaml.cs

5.png

  • 在CreateDataSource方法中，起首利用模拟数据创建了points聚集，然后由此聚集创建了可摆列数据源，并映射XY值，然后返回此数据源。
  • 将数据源赋值给lineGraph便完成了折线的绘制。
  • 固然，这只是便于入门的底子绘制，后面会继承完满折线图。
  • 本例接纳Xaml的方式添加LineGraph，后面会继承先容怎样在代码中添加LineGraph，以及怎样用与MVVM联合。
第五步：恭喜，已完成底子折线图的绘制。

四、环境

开发工具：Visual Studio
开发语言：C#
目标框架：.Net 6.0
Nuget包：DynamicDataDisplayReloaded

举报

您需要登录后才可以回帖 登录 | 立即注册
手机软件开发
优秀作者 助人为乐 人气作者
文章
370
问答
370
粉丝
0

所属分类: 问答交流

Powered by CangBaoKu v1.0 小黑屋藏宝库It社区( 冀ICP备14008649号 )

GMT+8, 2024-11-23 17:39, Processed in 0.138814 second(s), 35 queries.© 2003-2025 cbk Team.

快速回复 返回顶部 返回列表