[发明专利]设备运维页面的展示方法、装置以及电子设备

说明书

本申请提供了一种设备运维页面的展示方法、装置以及电子设备，涉及页面显示技术领域，缓解了设备运维页面在屏幕中的展示效率较低的技术问题。该方法包括：响应于待展示的设备运维数据的获取，确定所述设备运维数据中的字体在rem表示方式下的字体单位；基于浏览器窗口的尺寸，确定所述设备运维数据中的图表在js描述方式下的图表内容，以使所述图表适配所述浏览器窗口的尺寸；其中，所述浏览器窗口用于在图形用户界面中展示所述设备运维数据；基于所述rem表示方式下的字体单位以及所述js描述方式下的图表内容，在所述浏览器窗口中展示所述设备运维数据对应的设备运维页面。

技术领域

本申请涉及页面显示技术领域，尤其是涉及一种设备运维页面的展示方法、装置以及电子设备。

背景技术

目前，设备运维情况能够以页面的形式通过屏幕展示出来。但是，通过屏幕展示设备运维页面过程中，设备运维页面在不通的屏幕尺寸下需要兼容不同的分辨率，而且，在放大缩小浏览器时，设备运维页面中的图表整体都要随着改变。因此，设备运维页面在屏幕中的展示效率较低。

发明内容

本发明的目的在于提供一种设备运维页面的展示方法、装置以及电子设备，以缓解设备运维页面在屏幕中的展示效率较低的技术问题。

第一方面，本申请实施例提供了一种设备运维页面的展示方法，通过终端设备提供图形用户界面；所述方法包括：

响应于待展示的设备运维数据的获取，确定所述设备运维数据中的字体在rem(对于根元素的字体大小的单位，font size of the root element)表示方式下的字体单位；

基于浏览器窗口的尺寸，确定所述设备运维数据中的图表在js(具有函数优先的轻量级，解释型或即时编译型的编程语言，JavaScript)描述方式下的图表内容，以使所述图表适配所述浏览器窗口的尺寸；其中，所述浏览器窗口用于在图形用户界面中展示所述设备运维数据；

基于所述rem表示方式下的字体单位以及所述js描述方式下的图表内容，在所述浏览器窗口中展示所述设备运维数据对应的设备运维页面。

在一个可能的实现中，所述在所述浏览器窗口中展示所述设备运维数据对应的设备运维页面的步骤，包括：

确定所述终端设备提供的所述图形用户界面的目标界面类型；每种界面类型对应有指定展示样式；

基于所述目标界面类型确定对应的目标指定展示样式；

在所述浏览器窗口中基于所述目标指定展示样式展示所述设备运维数据对应的设备运维页面。

在一个可能的实现中，所述设备运维页面中包含至少一设备点位；所述在所述浏览器窗口中展示所述设备运维数据对应的设备运维页面的步骤之后，还包括：

响应于针对所述设备点位中目标设备点位的选择操作，对所述目标设备点位对应的点位信息进行隐藏或展示。

在一个可能的实现中，所述在所述浏览器窗口中展示所述设备运维数据对应的设备运维页面的步骤之后，还包括：

在所述设备运维页面中通过柱状图的方式展示设备的接入情况；

在所述设备运维页面中通过折线图的方式展示设备的采集数据量；

响应于针对所述设备标识的选择操作，对所述设备标识对应设备的所述采集数据量的曲线图进行隐藏或展示。

在一个可能的实现中，还包括：

响应于针对所述设备标识的拖动操作，确定所述拖动操作对应拖动至的目标时间，并展示所述目标时间对应的目标采集数据量；

响应于针对所述目标采集数据量的选择操作，展示所述目标采集数据量对应的采集内容信息。