收藏官网首页
查看: 457|回复: 0

[经验分享] 如何使用c#折线图 显示数据

106

主题

107

帖子

7237

积分

论坛元老

Rank: 8Rank: 8

积分
7237
 楼主| 发表于 2023-9-20 22:53:16 | 显示全部楼层 |阅读模式
免费使用STM32、APP自动代码生成工具
本帖最后由 mmuyu 于 2023-9-20 22:54 编辑

    在现实中,我们可以看见许多传感器设备,如空气,温湿度,水分等,直接用数值来展示这些设备并无法体现一段时间内的变化程度,因此折线图就成了直观展示的工具。
折线图是一种强大的数据可视化工具,它以直观、清晰的方式展示数据趋势和变化,特别适用于时间序列数据的分析。通过将数据点连接起来,折线图能够帮助我们快速识别数据的上升、下降或波动趋势,以及不同数据系列之间的关系。折线图还具有高度可定制性,可以根据需求调整外观,而且容易阅读和理解,即使对于不熟悉数据分析的人也是如此。因此,使用折线图来显示我们的环境数据最适合不过了。

首先,我们新建一个c#项目,在form上面放置一个chart图表控件用于展示数据,默认的控件自带一个演示的数据,我们要进行删除。

微信截图_20230920223951.png

右键控件,在series选项里,删除自带的数据对象

微信截图_20230920224050.png


接下来,我们编写代码,用于绘制折线图

首先建立两个数据用于折线图的横纵坐标显示
默认图表会根据数据的长度和值大小自适应缩放,因此无需担心显示过小的问题
  1. String[] xval = { "6:00", "6:30", "7:00", "7:30", "8:00", "8:30", "9:00", "9:30", "10:00", "10:30", "11:00", "11:30" };
  2.         double[] yval = { 20.3, 21.1, 23.4, 26.7, 29.2, 30.7, 28.8, 28.5, 27.6, 29.6, 30.0, 31.5 };
复制代码
当然数据仅是演示,具体的数据可以使用时间生成和通过api请求放入数组

接下来编写折线图绘制函数 具体用途注释已给出

微信截图_20230920225131.png


只要在程序初始化的时候运行即可

最后我们看一下显示效果

微信截图_20230920225227.png


可见,相比单纯数据显示,这种方式更直观
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

加入Q群 返回顶部

版权与免责声明 © 2006-2023 Gizwits IoT Technology Co., Ltd. ( 粤ICP备11090211号 )

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