一种多图层展示传感器数据的装置及方法制造方法及图纸

一种多图层展示传感器数据的装置，其包括：地图层，其遵循由上至下、从左到右的内容展示顺序，增加了图层折叠，在头部和两侧设置按钮来进行图层跳转，数据均在单页中展示；数据信息层，其包含传感器信息、告警信息和实时数据，其是地图层上方的半透明子层，位于视图的右侧，设置伸缩按钮和转场动画；控制层，其是半透明层，其配置来用户在此部分全局控制地图层的地图的切换，操作告警信息和连接状态的传感器在地图层中显示或隐藏；系统总览层，其位于视图的左侧，与右侧的数据信息层相呼应，将所有用户视图收缩在一个组中，通过缩进来展示整体数据。还有方法。

【技术实现步骤摘要】
一种多图层展示传感器数据的装置及方法
本专利技术属于数据展示的
，具体地涉及一种多图层展示传感器数据的装置，以及多图层展示传感器数据的方法。
技术介绍
数据层叠式布局是一种崭新的外观设计，与传统的单一图层文档流式布局相比，它具有易操作、展示数据多、数据对应关系明确，易于内容过滤等突出特点。这些特点决定了在进行传感器数据表达时，通常采用地图层、数据信息层、控制层和系统总览层层叠结合的方式，以达到最佳的表达效果。实现传感器数据与多个图层结合，需要解决一个重要的问题是：如何设计一套规则有序的，能展示复杂的实时数据，且能让用户直观的观察和操作的布局界面。传统的设计方案是，当要展示的数据类型和内容过多时，布局将由上至下，从左到右的展示一个类型的数据，随后外观设计上分成多个页面，每个页面展示不同类型的数据，其中给出对应的超链接，从而通过跳转完成数据表达。这种方案的缺点是用户体验差、不直观、步骤繁琐，并且可展示的数据有很大的不对称性，例如传感器配置信息与传感器数据和关联的网关数据都是实时变化的，用户通过多次点击超链接，跳转不同页面浏览的做法将产生延迟，很难确定关联数据均在同一时间戳，从而导致用户观察到的数据时效不一致。
技术实现思路
本专利技术的技术解决问题是：克服现有技术的不足，提供一种多图层展示传感器数据的装置,其具有高效、准确、高关联性且适用于各种复杂巨量的时效性强的传感器数据的特点，提升了用户体验感。本专利技术的技术解决方案是：这种多图层展示传感器数据的装置，其包括：地图层，其遵循由上至下、从左到右的内容展示顺序，增加了图层折叠，在头部和两侧设置按钮来进行图层跳转，数据均在单页中展示；数据信息层，其包含传感器信息、告警信息和实时数据，其是地图层上方的半透明子层，位于视图的右侧，设置伸缩按钮和转场动画；控制层，其是半透明层，其配置来用户在此部分全局控制地图层的地图的切换，操作告警信息和连接状态的传感器在地图层中显示或隐藏；系统总览层，其位于视图的左侧，与右侧的数据信息层相呼应，将所有用户视图收缩在一个组中，通过缩进来展示整体数据。本专利技术的地图层增加了图层折叠，在头部和两侧设置按钮来进行图层跳转，数据均在单页中展示，数据信息层设置伸缩按钮和转场动画，系统总览层将所有用户视图收缩在一个组中，通过缩进来展示整体数据，所以可以实现数据和地图位置信息的实时更新同步关联展示，不必因多页面切换等繁琐操作导致观察困难和数据时效不匹配的情况，因此具有高效、准确、高关联性且适用于各种复杂巨量的时效性强的传感器数据的特点，提升了用户体验感。还提供了一种多图层展示传感器数据的方法，包括以下步骤：(1)地图层遵循由上至下、从左到右的内容展示顺序，增加了图层折叠，在头部和两侧设置按钮来进行图层跳转，数据均在单页中展示；(2)数据信息层是地图层上方的半透明子层，位于视图的右侧，设置伸缩按钮和转场动画；(3)用户在控制层全局控制地图层的地图的切换，操作告警信息和连接状态的传感器在地图层中显示或隐藏；(4)系统总览层位于视图的左侧，与右侧的数据信息层相呼应，将所有用户视图收缩在一个组中，通过缩进来展示整体数据。附图说明图1示出了根据本专利技术的多图层展示传感器数据的方法的流程图。具体实施方式这种多图层展示传感器数据的装置，其包括：地图层，其遵循由上至下、从左到右的内容展示顺序，增加了图层折叠，在头部和两侧设置按钮来进行图层跳转，数据均在单页中展示；数据信息层，其包含传感器信息、告警信息和实时数据，其是地图层上方的半透明子层，位于视图的右侧，设置伸缩按钮和转场动画；控制层，其是半透明层，其配置来用户在此部分全局控制地图层的地图的切换，操作告警信息和连接状态的传感器在地图层中显示或隐藏；系统总览层，其位于视图的左侧，与右侧的数据信息层相呼应，将所有用户视图收缩在一个组中(在占用空间最小的前提下，实现了视图自由切换的功能)，通过缩进来展示整体数据(将数据总览分类别的正确显示，极度富有层次感。在展示数据最大化的同时，使数据的显示结构直观规则)。本专利技术的地图层增加了图层折叠，在头部和两侧设置按钮来进行图层跳转，数据均在单页中展示，数据信息层设置伸缩按钮和转场动画，系统总览层将所有用户视图收缩在一个组中，通过缩进来展示整体数据，所以可以实现数据和地图位置信息的实时更新同步关联展示，不必因多页面切换等繁琐操作导致观察困难和数据时效不匹配的情况，因此具有高效、准确、高关联性且适用于各种复杂巨量的时效性强的传感器数据的特点，提升了用户体验感。优选地，所述地图层包括：多种地图的视图切换模块、网关和传感器的关联动画模块。地图层是整个外观设计的最底层，与上面的传统设计类似，这一部分遵循由上至下、从左到右的的内容展示顺序。与传统设计不同的是，这里增加了图层折叠的概念，用头部和两侧的按钮代替了需要繁琐跳转的超链接，数据均在单页中展示，其中主要设计了：多种地图的视图切换、网关和传感器的关联动画。其中网关和传感器的关联动画设计，点击网关图标，传感器图标会产生动画，上下跳动；点击传感器图标会触发最新数据的展示；点击区域图标会触发在线地图到子地图的切换。优选地，所述数据信息层包括：传感器信息的折叠显示模块、传感器数据的显示切换模块、自动全局告警显示模块。传感器数据层包含了传感器信息、告警信息和实时数据，是地图层上方的半透明子层。位于整个视图的最右侧。此设计既不影响底部地图的完整显示，也不影响实时数据和传感器信息的正常展示。右侧收放自如的伸缩按钮和转场动画使用户在观察最新最完善的数据同时，能够获得最佳的操作体验。对比传统做法，略去了大量的弹出和跳转操作。此层设计主要包含了：传感器信息的折叠显示设计(点击折叠按钮可控制此部分的显示和隐藏，切换过程使用了百叶窗折叠的动画效果。确保最优的视觉效果)、传感器数据的显示切换设计(该部分可以自由切换文本视图与动画视图，且用户可以自定义数据部分的范围与动画显示效果)、自动全局告警显示设计(如果属于当前用户视图的传感器产生告警，不必手动操作，告警等级与数量将自动显示在此部分)。优选地，所述控制层包括控制层分区模块。此层的设计依旧呈现半透明状态，用户可以在此部分全局控制地图层地图的切换，操作不同告警和连接状态的传感器在地图层中显示或隐藏。优选地，在所述控制层设置控制钮和选择钮来分区显示，视图的右端包含了居中和全屏功能的全局控制按钮，以便用户把控整体视图布局的显示结构。控制钮和选择钮分区显示，最右端包含了居中和全屏功能的全局控制按钮，用户能够更轻松的把控整体视图布局的显示结构。如图1所示，与装置对应地，还提供了一种多图层展示传感器数据的方法，包括以下步骤：(1)地图层遵循由上至下、从左到右的内容展示顺序，增加了图层折叠，在头部和两侧设置按钮来进行图层跳转，数据均在单页中展示；(2)数据信息层是地图层上方的半透明子层，位于视图的右侧，设置伸缩按钮和转场动画；(3)用户在控制层全局控制地图层的地图的切换，操作告警信息和连接状态的传感器在地图层中显示或隐藏；(4)系统总览层位于视图的左侧，与右侧的数据信息层相呼应，将所有用户视图收缩在一个组中，通过缩进来展示整体数据。优选地，所述步骤(1)中设计多种地图的视图切换、网关和传感器的关联动画。优选地，所述步骤(本文档来自技高网...

【技术保护点】
1.一种多图层展示传感器数据的装置，其特征在于：其包括：地图层，其遵循由上至下、从左到右的内容展示顺序，增加了图层折叠，在头部和两侧设置按钮来进行图层跳转，数据均在单页中展示；数据信息层，其包含传感器信息、告警信息和实时数据，其是地图层上方的半透明子层，位于视图的右侧，设置伸缩按钮和转场动画；控制层，其是半透明层，其配置来用户在此部分全局控制地图层的地图的切换，操作告警信息和连接状态的传感器在地图层中显示或隐藏；系统总览层，其位于视图的左侧，与右侧的数据信息层相呼应，将所有用户视图收缩在一个组中，通过缩进来展示整体数据。

【技术特征摘要】
1.一种多图层展示传感器数据的装置，其特征在于：其包括：地图层，其遵循由上至下、从左到右的内容展示顺序，增加了图层折叠，在头部和两侧设置按钮来进行图层跳转，数据均在单页中展示；数据信息层，其包含传感器信息、告警信息和实时数据，其是地图层上方的半透明子层，位于视图的右侧，设置伸缩按钮和转场动画；控制层，其是半透明层，其配置来用户在此部分全局控制地图层的地图的切换，操作告警信息和连接状态的传感器在地图层中显示或隐藏；系统总览层，其位于视图的左侧，与右侧的数据信息层相呼应，将所有用户视图收缩在一个组中，通过缩进来展示整体数据。2.根据权利要求1所述的多图层展示传感器数据的装置，其特征在于：所述地图层包括：多种地图的视图切换模块、网关和传感器的关联动画模块。3.根据权利要求2所述的多图层展示传感器数据的装置，其特征在于：所述数据信息层包括：传感器信息的折叠显示模块、传感器数据的显示切换模块、自动全局告警显示模块。4.根据权利要求3所述的多图层展示传感器数据的装置，其特征在于：所述控制层包括控制层分区模块。5.根据权利要求4所述的多图层展示传感器数据的装置，其特征在于：在所述控制层设置控制钮和选择钮来分区显示，视图的右端包含了居中和全屏功能的全局控制按钮，以便用户...

【专利技术属性】
技术研发人员：周策，李岩波，万生，李卫东，吴云桥，
申请(专利权)人：博立信洛阳科技有限公司，博立信北京科技有限公司，
类型：发明
国别省市：河南,41