iNeuOS工业互联平台,WEB组态(iNeuView)集成图报组件,满足实时数据图形化展示的需求

目       录

1.      概述... 1

2.      平台演示... 2

3.      应用过程... 3

4.      实时数据展示效果... 5


 1.   概述

       市场和开源社区有很多图形报表组件和开发库,例如:echart、HighCharts等(参考:《看 ECharts 和 HighCharts 渲染性能对比,表面看衣装,本质看内功》)。但是这些图形与具体的工业业务场相结合,需要深度加工及进行二次开发,例如:多Y轴、多限值X轴等,还有些更复杂的业务化图形展示需求。参考,如下图:

iNeuOS工业互联平台,WEB组态(iNeuView)集成图报组件,满足实时数据图形化展示的需求_第1张图片

       针对行业具体的应用场景,Web组态(iNeuView)不仅要集成通用的图形报表,还要结合具体的行业场景定制化开发和集成图形化报表,例如:煤炭、钢铁、电力、能源、化工等等。现在Web组态(iNeuView)已经集成了3500多个行业svg图形、集成实时视频组件和图表组件。

      针对图表组件,我们进行了接口抽象,支持二次开发,以便后期与行业对接。

2.   平台演示

      在线演示:http://demo.ineuos.net  (注:自已注册用户,体验系统功能)

      视频介绍:https://v.qq.com/x/page/c3107nnfvt5.html

3.   应用过程

      单击iNeuOS桌面的【视图建模】,选择第5个元件库分类,其中包括:拆线图、实时柱状图和时序柱状图。拆线图是通常的曲线图、实时柱状图是显示数据点的当前最新值、时序柱状图是显示数据点的一段时间范围的数据。

      图形化接口进行了标准化设计,以适配通用或定制化图形报表,满足行业特定应用场景的快速需求。具体的编辑,如下图:

iNeuOS工业互联平台,WEB组态(iNeuView)集成图报组件,满足实时数据图形化展示的需求_第2张图片

       曲线图和时序柱状图的配置信息一样,选择显示的数据点、标题颜色、图表背景颜色或设置背景图、显示数据的时间间隔、刷新频率、量程上下限等。配置如下图:

iNeuOS工业互联平台,WEB组态(iNeuView)集成图报组件,满足实时数据图形化展示的需求_第3张图片

        实时柱状图没有显示数据的时间间隔,其他配置信息与上面一致,配置如下图:

iNeuOS工业互联平台,WEB组态(iNeuView)集成图报组件,满足实时数据图形化展示的需求_第4张图片

 

 4.   实时数据展示效果

iNeuOS工业互联平台,WEB组态(iNeuView)集成图报组件,满足实时数据图形化展示的需求_第5张图片


 文章:

  《.NET Core开发的iNeuOS工业互联网平台,发布 iNeuDA 数据分析展示组件,快捷开发图形报表和数据大屏》

   《[视频演示].NET Core开发的iNeuOS物联网平台,实现从设备&PLC、云平台、移动APP数据链路闭环 》

   《.NET Core开发的iNeuOS物联网平台部署树霉派(raspbian),从网关到云端整体解决方案》

   《.NET Core开发的iNeuOS物联网平台部署在Ubuntu操作系统,无缝跨平台》

   《iNeuOS 物联网云操作系统2.0发布,集成设备容器、视图建模、机器学习三大模块 》

   《iNeuOS云操作系统,.NET Core全系打造 》


   物联网&大数据技术 QQ群:54256083

  物联网&大数据合作 QQ群:727664080

  网站:http://www.ineuos.net

  联系QQ:504547114

  合作微信:wxzz0151

 

你可能感兴趣的:(iNeuOS工业互联平台,WEB组态(iNeuView)集成图报组件,满足实时数据图形化展示的需求)