一种实时网络性能数据的时间轴展示方法及装置的制造方法
【技术领域】
[0001]本发明涉及Web界面显示技术领域，具体是一种实时网络性能数据的时间轴展示方法及装置，此方法及装置可极大地方便用户的使用。
【背景技术】
[0002]在基于Web对实时业务网络性能数据进行监控和分析的功能开发中，一直都没有理想且成熟的时间轴解决方案。现有的基于Web的时间轴有纵向和横向两种显示方式，但时间轴刻度功能单一，一般都仅支持一种刻度显示方式，不能自定义时间范围和时间区间的选择，不能形象化的表示出单位刻度数据的意义，缺点主要体现在以下几个方面:并没有直观简单的呈现出时间刻度所表示的意义，如果某一个刻度上的事件数量较多，时间轴就会显示出大量的对话框，不利于用户操作，不便操作且功能单一。
[0003]在复杂的网络和应用环境下，对业务网络性能的实时监控和故障分析显得尤为重要，迫切需要一个功能完善的时间轴建立起一个有效的以业务为核心的网络性能智能监控分析体系。
[0004]CN201310554623.9公开了一种基于时间轴的文件管理方法和终端设备，该方法包括:显示表盘式时间轴;根据拨动信号，在所述表盘式时间轴中选择目标日期信息，所述拨动信号为终端设备响应用户对所述表盘式时间轴的拨动操作而产生的信号；显示符合所述目标日期信息的文件。本发明实施例提供的基于时间轴的文件管理方法和终端设备，终端设备采用表盘式时间轴进行文件管理，可以快速方便的定位时间点，使得文件管理更方便，提高了文件管理的效率，用户体验更加趣味化。
[0005]同样，上述表盘式时间轴仍然只能选择目标日期对应的文件，其与网络性能数据无关，且不能实现时间轴的展示。
【发明内容】
[0006]针对现有技术中的时间轴难以满足用户多元化需要的技术问题，本发明公开了一种实时网络性能数据的时间轴展示方法，本发明还公开了这种实时网络性能数据的时间轴展示装置。
[0007]本发明的技术方案如下:
本发明公开了一种实时网络性能数据的时间轴展示方法，其具体包括以下的步骤:步骤一、采集并存储网络性能数据的服务器记录每一个时间刻度内的网络性能数据，所述时间刻度包括每分钟、每小时和每天;步骤二、通过Web界面的对话框定义出需要查询的时间刻度，并将该时间刻度发送给服务器进行查询，服务器根据所查询的时间刻度计算出需要返回的时间段的数据，所述数据包括时间刻度，网络性能数据以及时间区间；步骤三、将服务器返回的时间刻度，网络性能数据以及时间区间以参数的形式传递给时间轴绘制函数；步骤四、根据服务器返回的时间刻度，时间轴绘制函数在Web界面中绘制出相应的时间刻度，根据服务器返回的网络性能数据，时间轴绘制函数用不同的色彩或者图案表示对应的时间刻度，根据服务器返回的时间刻度范围，时间轴绘制函数将时间范围标注为时间轴的时间范围显示在时间轴顶部。
[0008]更进一步地，上述方法还包括定时刷新时间轴。可以通过调用JavaScript自带的定时器功能(s e 11 n t erva I )，来制作时间轴的定时刷新功能，当开启时间轴的自动刷新功能时，时间轴会立即刷新以系统的当前时间为时间轴的结束时间，以当前时间轴的时间刻度为准，计算出时间轴的时间范围，并每隔I分钟自动刷新。
[0009]更进一步地，上述方法还包括通过Web界面定义选中时间，时间轴有且只有一个选中时间刻度，选中的刻度用高亮背景颜色标示，被选中的时间刻度所表示的时间范围显示在选中时间组件中。通过选中时间的定义，进一步方便用户关注特定时间的网络性能参数。
[0010]更进一步地，上述方法还包括放大和缩小选中时间刻度，当时间刻度为小时时，放大时间刻度后刻度为分，缩小时间刻后刻度为天。刻度为分钟时只显示放大的图标，刻度为小时时放大和缩小的图标同时出现，刻度为天时只显示缩小的图标)，点击缩小图标时，时间轴会以当前的时间轴的时间范围为单个时间刻度重新绘制时间轴，点击放大图标时，时间轴会以点击的图标所在刻度的时间范围为时间轴的时间范围重新绘制时间轴。
[0011]更进一步地，上述方法还包括设置工作时间段参数workTime，当工作时间段参数wrokTime为真true时，时间轴仅显示出系统定义好的工作时间的刻度值。如时间轴包含一周，时间轴默认显示7个刻度，当系统定义了每周只有5个工作日时，并且workTime为true时，时间轴只显示5个刻度。
[0012]更进一步地，上述方法还包括当时间范围发生改变时，立即重新绘制时间轴。
[0013]更进一步地，上述方法还包括当鼠标放在时间刻度上时，会弹出提框显示出该时间块所表示的网络性能参数的所示时间范围，时间轴有多少个时间刻度，提示框就对应有多少个显示状态。
[0014]更进一步地，上述方法还包括时间轴刻度的跳转。可以按顺序前后跳转至正常或有警报的时间刻度，当点击跳转到上一个刻度或下一个刻度时，时间轴选中的刻度会跳转到相邻的时间刻度，当点击跳转到上一个警报刻度或下一个警报刻度时，会先从相邻的时间刻度中寻找是否有警报刻度，如果有，则跳转到相应的时间刻度，如果没有，则调用时间轴更新方法，从系统中查询到最近的警报时间刻度显示出来，如最近都是正常的时间刻度，则提示无警报时间段。
[0015]本发明还公开了一种实时网络性能数据的时间轴展示装置，其具体包括服务器、Web人机交互单元和时间轴绘单元;所述服务器用于采集并存储每一个时间刻度内的网络性能数据，所述时间刻度包括每分钟、每小时和每天;所述Web人机交互单元用于通过Web界面的对话框定义出需要查询的时间刻度，并将该时间刻度发送给服务器进行查询，服务器根据所查询的时间刻度计算出需要返回的时间段的数据，所述数据包括时间刻度，网络性能数据以及时间区间;所述时间轴绘单元用于根据服务器返回的时间刻度，在Web界面中绘制出相应的时间刻度，根据服务器返回的网络性能数据，时间轴绘制函数用不同的色彩或者图案表示对应的时间刻度，根据服务器返回的时间刻度范围，时间轴绘制函数将时间范围标注为时间轴的时间范围显示在时间轴顶部。
[0016]通过采用以上的技术方案，本发明的有益效果为:非常直观的显示出所观测时间段的网络性能数据，通过观测时间轴即以快速发现网络性能问题，定位性能问题点。
【附图说明】
[0017]图1为本发明的基本显示效果，默认状态下，显示时间范围、选中时间、时间刻度以及刻度颜色块示意信息(正常、高、中、低)，自动刷新和工作时间段功能均为关闭状态。
[0018]图2为本发明自定义时间段时的显示效果。
[0019]图3为本发明鼠标放至刻度上时的显示效果，此时可查阅到网络警报数量、网络事件数量和刻度所表示的时间范围。
[0020]图4为本发明表示刻度时间范围有网络事件的显示效果。
[0021]图5为本发明表示刻度时间刻度的区间选中(即多个刻度的选中)显示效果。
[0022]图6为本发明表示时间刻度为分钟时的显示效果。
【具体实施方式】
[0023]下面结合说明书附图，详细说明本发明的【具体实施方式】。
[0024]本发明公开了一种实时网络性能数据的时间轴展示方法，其具体包括以下的步骤:步骤一、探针(采集并存储网络通信数据的服务器)以单位时间刻度(分钟、小时、天)记录的网络性能数据;步骤二、定义一个时间刻度(分钟、小时、天)向服务器发送一次查询请求，服务器会以所查询的时间刻度计算出需要返回的时间段的数据(如查询刻度为分钟，返回以服务器当前时间为准最近的60个刻度，即最近I小时的数据。如查询刻度为小时，服务器返回以服务器当前时间为准最近的24个刻度，即最近I天的数据。如查询刻度为天，服务器返回以服务器当前时间为准当月的天刻度，即本月已经过去了多少天)。步骤三、将服务器返回的时间刻度，网络性能数据，时间区间等数据以参数的形式传递给时间轴绘制函数。步骤四、根据服务器返回的时间刻度，时间轴绘制函数在界面中绘制出相应的时间刻度，根据服务器返回的网络性能数据，时间轴绘制函数用色彩标示出每个刻度表示的意义(比如:正常的时间刻度用用绿色表示，非正常的时间刻度依照人为定义的警报级别分别表示为淡黄色、橙色、红色。具体的颜色或者图案的选择可以根据需要进行灵活设定，在此不进行具体的限定)，根据服务器返回的时间刻度范围，时间轴绘制函数将这个时间范围标注为时间轴的时间范围显示在时间轴顶部。如图1所示，当定义需要查询的时间范围为2015-09-1800:00:00至2005-10-17 09:51:00,时间刻度为24小时时，所绘制出的时间轴以天为定单位形成一个刻度块，每个刻度块用同一种颜色或者图案表示。刻度块下方显示出时间刻度，比如第一个刻度块下方标注18，这一个刻度块的颜色或者图案表不2015年09月18日的网络性能数据。后续依次类推，19刻度块的颜色或者图案表示2015年09月19日的网络性能数据，……，17刻度块的颜色或者图案表示2015年10月17日的网络性能数据。时间范围2015-09-18 00:00:00-2005-10-17 09:51:00显示在时间轴顶部。
[0025]将用户自定义的时间刻度绘制在时间范围后，在时间范围后还可以再添加时间轴的快捷跳转按钮和被选中的时间刻度所表示的时间区间。
[0026]本发明以不同的单位时间刻度(分钟、小时、天)展示网络性能相关参数(事件和警报)，当鼠标放置到时间轴上的刻度时，会弹出提示框，显示出时间刻度所表示时间范围内的网络性能参数。时间轴时间范围具备自定义功能，通过选取一个开始时间点和一个结束时间点来定义查询时间范围。具备常用时间范围(过去I小时、今天、昨天、本周、上周、本月、上月)的快捷选取(图3)，以系统当前时间为准，转换当前时间格式为毫秒，减去I小时的毫秒数(3600000毫秒)，得到过去I小时的起始时间点毫秒数，再转