[发明专利]一种实时网络性能数据的时间轴展示方法及装置

说明书

技术领域

本发明涉及Web界面显示技术领域，具体是一种实时网络性能数据的时间轴展示方法及装置，此方法及装置可极大地方便用户的使用。

背景技术

在基于Web对实时业务网络性能数据进行监控和分析的功能开发中，一直都没有理想且成熟的时间轴解决方案。现有的基于Web的时间轴有纵向和横向两种显示方式，但时间轴刻度功能单一，一般都仅支持一种刻度显示方式，不能自定义时间范围和时间区间的选择，不能形象化的表示出单位刻度数据的意义，缺点主要体现在以下几个方面：并没有直观简单的呈现出时间刻度所表示的意义，如果某一个刻度上的事件数量较多，时间轴就会显示出大量的对话框，不利于用户操作，不便操作且功能单一。

在复杂的网络和应用环境下，对业务网络性能的实时监控和故障分析显得尤为重要，迫切需要一个功能完善的时间轴建立起一个有效的以业务为核心的网络性能智能监控分析体系。

CN201310554623.9公开了一种基于时间轴的文件管理方法和终端设备，该方法包括：显示表盘式时间轴；根据拨动信号，在所述表盘式时间轴中选择目标日期信息，所述拨动信号为终端设备响应用户对所述表盘式时间轴的拨动操作而产生的信号；显示符合所述目标日期信息的文件。本发明实施例提供的基于时间轴的文件管理方法和终端设备，终端设备采用表盘式时间轴进行文件管理，可以快速方便的定位时间点，使得文件管理更方便，提高了文件管理的效率，用户体验更加趣味化。

同样，上述表盘式时间轴仍然只能选择目标日期对应的文件，其与网络性能数据无关，且不能实现时间轴的展示。

发明内容

针对现有技术中的时间轴难以满足用户多元化需要的技术问题，本发明公开了一种实时网络性能数据的时间轴展示方法，本发明还公开了这种实时网络性能数据的时间轴展示装置。

本发明的技术方案如下：

本发明公开了一种实时网络性能数据的时间轴展示方法，其具体包括以下的步骤：步骤一、采集并存储网络性能数据的服务器记录每一个时间刻度内的网络性能数据，所述时间刻度包括每分钟、每小时和每天；步骤二、通过Web界面的对话框定义出需要查询的时间刻度，并将该时间刻度发送给服务器进行查询，服务器根据所查询的时间刻度计算出需要返回的时间段的数据，所述数据包括时间刻度，网络性能数据以及时间区间；步骤三、将服务器返回的时间刻度，网络性能数据以及时间区间以参数的形式传递给时间轴绘制函数；步骤四、根据服务器返回的时间刻度，时间轴绘制函数在Web界面中绘制出相应的时间刻度，根据服务器返回的网络性能数据，时间轴绘制函数用不同的色彩或者图案表示对应的时间刻度，根据服务器返回的时间刻度范围，时间轴绘制函数将时间范围标注为时间轴的时间范围显示在时间轴顶部。

更进一步地，上述方法还包括定时刷新时间轴。可以通过调用JavaScript自带的定时器功能(setInterval)，来制作时间轴的定时刷新功能，当开启时间轴的自动刷新功能时，时间轴会立即刷新以系统的当前时间为时间轴的结束时间，以当前时间轴的时间刻度为准，计算出时间轴的时间范围，并每隔1分钟自动刷新。

更进一步地，上述方法还包括通过Web界面定义选中时间，时间轴有且只有一个选中时间刻度，选中的刻度用高亮背景颜色标示，被选中的时间刻度所表示的时间范围显示在选中时间组件中。通过选中时间的定义，进一步方便用户关注特定时间的网络性能参数。

更进一步地，上述方法还包括放大和缩小选中时间刻度，当时间刻度为小时时，放大时间刻度后刻度为分，缩小时间刻后刻度为天。刻度为分钟时只显示放大的图标，刻度为小时时放大和缩小的图标同时出现，刻度为天时只显示缩小的图标)，点击缩小图标时，时间轴会以当前的时间轴的时间范围为单个时间刻度重新绘制时间轴，点击放大图标时，时间轴会以点击的图标所在刻度的时间范围为时间轴的时间范围重新绘制时间轴。

更进一步地，上述方法还包括设置工作时间段参数workTime，当工作时间段参数wrokTime为真true时，时间轴仅显示出系统定义好的工作时间的刻度值。如时间轴包含一周，时间轴默认显示7个刻度，当系统定义了每周只有5个工作日时，并且workTime为true时，时间轴只显示5个刻度。

更进一步地，上述方法还包括当时间范围发生改变时，立即重新绘制时间轴。