一種實(shí)時(shí)網(wǎng)絡(luò)性能數(shù)據(jù)的時(shí)間軸展示方法及裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及Web界面顯示技術(shù)領(lǐng)域，具體是一種實(shí)時(shí)網(wǎng)絡(luò)性能數(shù)據(jù)的時(shí)間軸展示方法及裝置，此方法及裝置可極大地方便用戶的使用。
【背景技術(shù)】
[0002]在基于Web對(duì)實(shí)時(shí)業(yè)務(wù)網(wǎng)絡(luò)性能數(shù)據(jù)進(jìn)行監(jiān)控和分析的功能開發(fā)中，一直都沒有理想且成熟的時(shí)間軸解決方案?，F(xiàn)有的基于Web的時(shí)間軸有縱向和橫向兩種顯示方式，但時(shí)間軸刻度功能單一，一般都僅支持一種刻度顯示方式，不能自定義時(shí)間范圍和時(shí)間區(qū)間的選擇，不能形象化的表示出單位刻度數(shù)據(jù)的意義，缺點(diǎn)主要體現(xiàn)在以下幾個(gè)方面:并沒有直觀簡(jiǎn)單的呈現(xiàn)出時(shí)間刻度所表示的意義，如果某一個(gè)刻度上的事件數(shù)量較多，時(shí)間軸就會(huì)顯示出大量的對(duì)話框，不利于用戶操作，不便操作且功能單一。
[0003]在復(fù)雜的網(wǎng)絡(luò)和應(yīng)用環(huán)境下，對(duì)業(yè)務(wù)網(wǎng)絡(luò)性能的實(shí)時(shí)監(jiān)控和故障分析顯得尤為重要，迫切需要一個(gè)功能完善的時(shí)間軸建立起一個(gè)有效的以業(yè)務(wù)為核心的網(wǎng)絡(luò)性能智能監(jiān)控分析體系。
[0004]CN201310554623.9公開了一種基于時(shí)間軸的文件管理方法和終端設(shè)備，該方法包括:顯示表盤式時(shí)間軸;根據(jù)撥動(dòng)信號(hào)，在所述表盤式時(shí)間軸中選擇目標(biāo)日期信息，所述撥動(dòng)信號(hào)為終端設(shè)備響應(yīng)用戶對(duì)所述表盤式時(shí)間軸的撥動(dòng)操作而產(chǎn)生的信號(hào)；顯示符合所述目標(biāo)日期信息的文件。本發(fā)明實(shí)施例提供的基于時(shí)間軸的文件管理方法和終端設(shè)備，終端設(shè)備采用表盤式時(shí)間軸進(jìn)行文件管理，可以快速方便的定位時(shí)間點(diǎn)，使得文件管理更方便，提高了文件管理的效率，用戶體驗(yàn)更加趣味化。
[0005]同樣，上述表盤式時(shí)間軸仍然只能選擇目標(biāo)日期對(duì)應(yīng)的文件，其與網(wǎng)絡(luò)性能數(shù)據(jù)無(wú)關(guān)，且不能實(shí)現(xiàn)時(shí)間軸的展示。

【發(fā)明內(nèi)容】

[0006]針對(duì)現(xiàn)有技術(shù)中的時(shí)間軸難以滿足用戶多元化需要的技術(shù)問題，本發(fā)明公開了一種實(shí)時(shí)網(wǎng)絡(luò)性能數(shù)據(jù)的時(shí)間軸展示方法，本發(fā)明還公開了這種實(shí)時(shí)網(wǎng)絡(luò)性能數(shù)據(jù)的時(shí)間軸展示裝置。
[0007]本發(fā)明的技術(shù)方案如下:
本發(fā)明公開了一種實(shí)時(shí)網(wǎng)絡(luò)性能數(shù)據(jù)的時(shí)間軸展示方法，其具體包括以下的步驟:步驟一、采集并存儲(chǔ)網(wǎng)絡(luò)性能數(shù)據(jù)的服務(wù)器記錄每一個(gè)時(shí)間刻度內(nèi)的網(wǎng)絡(luò)性能數(shù)據(jù)，所述時(shí)間刻度包括每分鐘、每小時(shí)和每天;步驟二、通過(guò)Web界面的對(duì)話框定義出需要查詢的時(shí)間刻度，并將該時(shí)間刻度發(fā)送給服務(wù)器進(jìn)行查詢，服務(wù)器根據(jù)所查詢的時(shí)間刻度計(jì)算出需要返回的時(shí)間段的數(shù)據(jù)，所述數(shù)據(jù)包括時(shí)間刻度，網(wǎng)絡(luò)性能數(shù)據(jù)以及時(shí)間區(qū)間；步驟三、將服務(wù)器返回的時(shí)間刻度，網(wǎng)絡(luò)性能數(shù)據(jù)以及時(shí)間區(qū)間以參數(shù)的形式傳遞給時(shí)間軸繪制函數(shù)；步驟四、根據(jù)服務(wù)器返回的時(shí)間刻度，時(shí)間軸繪制函數(shù)在Web界面中繪制出相應(yīng)的時(shí)間刻度，根據(jù)服務(wù)器返回的網(wǎng)絡(luò)性能數(shù)據(jù)，時(shí)間軸繪制函數(shù)用不同的色彩或者圖案表示對(duì)應(yīng)的時(shí)間刻度，根據(jù)服務(wù)器返回的時(shí)間刻度范圍，時(shí)間軸繪制函數(shù)將時(shí)間范圍標(biāo)注為時(shí)間軸的時(shí)間范圍顯示在時(shí)間軸頂部。
[0008]更進(jìn)一步地，上述方法還包括定時(shí)刷新時(shí)間軸?？梢酝ㄟ^(guò)調(diào)用JavaScript自帶的定時(shí)器功能(s e 11 n t erva I )，來(lái)制作時(shí)間軸的定時(shí)刷新功能，當(dāng)開啟時(shí)間軸的自動(dòng)刷新功能時(shí)，時(shí)間軸會(huì)立即刷新以系統(tǒng)的當(dāng)前時(shí)間為時(shí)間軸的結(jié)束時(shí)間，以當(dāng)前時(shí)間軸的時(shí)間刻度為準(zhǔn)，計(jì)算出時(shí)間軸的時(shí)間范圍，并每隔I分鐘自動(dòng)刷新。
[0009]更進(jìn)一步地，上述方法還包括通過(guò)Web界面定義選中時(shí)間，時(shí)間軸有且只有一個(gè)選中時(shí)間刻度，選中的刻度用高亮背景顏色標(biāo)示，被選中的時(shí)間刻度所表示的時(shí)間范圍顯示在選中時(shí)間組件中。通過(guò)選中時(shí)間的定義，進(jìn)一步方便用戶關(guān)注特定時(shí)間的網(wǎng)絡(luò)性能參數(shù)。
[0010]更進(jìn)一步地，上述方法還包括放大和縮小選中時(shí)間刻度，當(dāng)時(shí)間刻度為小時(shí)時(shí)，放大時(shí)間刻度后刻度為分，縮小時(shí)間刻后刻度為天?？潭葹榉昼姇r(shí)只顯示放大的圖標(biāo)，刻度為小時(shí)時(shí)放大和縮小的圖標(biāo)同時(shí)出現(xiàn)，刻度為天時(shí)只顯示縮小的圖標(biāo))，點(diǎn)擊縮小圖標(biāo)時(shí)，時(shí)間軸會(huì)以當(dāng)前的時(shí)間軸的時(shí)間范圍為單個(gè)時(shí)間刻度重新繪制時(shí)間軸，點(diǎn)擊放大圖標(biāo)時(shí)，時(shí)間軸會(huì)以點(diǎn)擊的圖標(biāo)所在刻度的時(shí)間范圍為時(shí)間軸的時(shí)間范圍重新繪制時(shí)間軸。
[0011]更進(jìn)一步地，上述方法還包括設(shè)置工作時(shí)間段參數(shù)workTime，當(dāng)工作時(shí)間段參數(shù)wrokTime為真true時(shí)，時(shí)間軸僅顯示出系統(tǒng)定義好的工作時(shí)間的刻度值。如時(shí)間軸包含一周，時(shí)間軸默認(rèn)顯示7個(gè)刻度，當(dāng)系統(tǒng)定義了每周只有5個(gè)工作日時(shí)，并且workTime為true時(shí)，時(shí)間軸只顯示5個(gè)刻度。
[0012]更進(jìn)一步地，上述方法還包括當(dāng)時(shí)間范圍發(fā)生改變時(shí)，立即重新繪制時(shí)間軸。
[0013]更進(jìn)一步地，上述方法還包括當(dāng)鼠標(biāo)放在時(shí)間刻度上時(shí)，會(huì)彈出提框顯示出該時(shí)間塊所表示的網(wǎng)絡(luò)性能參數(shù)的所示時(shí)間范圍，時(shí)間軸有多少個(gè)時(shí)間刻度，提示框就對(duì)應(yīng)有多少個(gè)顯示狀態(tài)。
[0014]更進(jìn)一步地，上述方法還包括時(shí)間軸刻度的跳轉(zhuǎn)。可以按順序前后跳轉(zhuǎn)至正?；蛴芯瘓?bào)的時(shí)間刻度，當(dāng)點(diǎn)擊跳轉(zhuǎn)到上一個(gè)刻度或下一個(gè)刻度時(shí)，時(shí)間軸選中的刻度會(huì)跳轉(zhuǎn)到相鄰的時(shí)間刻度，當(dāng)點(diǎn)擊跳轉(zhuǎn)到上一個(gè)警報(bào)刻度或下一個(gè)警報(bào)刻度時(shí)，會(huì)先從相鄰的時(shí)間刻度中尋找是否有警報(bào)刻度，如果有，則跳轉(zhuǎn)到相應(yīng)的時(shí)間刻度，如果沒有，則調(diào)用時(shí)間軸更新方法，從系統(tǒng)中查詢到最近的警報(bào)時(shí)間刻度顯示出來(lái)，如最近都是正常的時(shí)間刻度，則提示無(wú)警報(bào)時(shí)間段。
[0015]本發(fā)明還公開了一種實(shí)時(shí)網(wǎng)絡(luò)性能數(shù)據(jù)的時(shí)間軸展示裝置，其具體包括服務(wù)器、Web人機(jī)交互單元和時(shí)間軸繪單元;所述服務(wù)器用于采集并存儲(chǔ)每一個(gè)時(shí)間刻度內(nèi)的網(wǎng)絡(luò)性能數(shù)據(jù)，所述時(shí)間刻度包括每分鐘、每小時(shí)和每天;所述Web人機(jī)交互單元用于通過(guò)Web界面的對(duì)話框定義出需要查詢的時(shí)間刻度，并將該時(shí)間刻度發(fā)送給服務(wù)器進(jìn)行查詢，服務(wù)器根據(jù)所查詢的時(shí)間刻度計(jì)算出需要返回的時(shí)間段的數(shù)據(jù)，所述數(shù)據(jù)包括時(shí)間刻度，網(wǎng)絡(luò)性能數(shù)據(jù)以及時(shí)間區(qū)間;所述時(shí)間軸繪單元用于根據(jù)服務(wù)器返回的時(shí)間刻度，在Web界面中繪制出相應(yīng)的時(shí)間刻度，根據(jù)服務(wù)器返回的網(wǎng)絡(luò)性能數(shù)據(jù)，時(shí)間軸繪制函數(shù)用不同的色彩或者圖案表示對(duì)應(yīng)的時(shí)間刻度，根據(jù)服務(wù)器返回的時(shí)間刻度范圍，時(shí)間軸繪制函數(shù)將時(shí)間范圍標(biāo)注為時(shí)間軸的時(shí)間范圍顯示在時(shí)間軸頂部。
[0016]通過(guò)采用以上的技術(shù)方案，本發(fā)明的有益效果為:非常直觀的顯示出所觀測(cè)時(shí)間段的網(wǎng)絡(luò)性能數(shù)據(jù)，通過(guò)觀測(cè)時(shí)間軸即以快速發(fā)現(xiàn)網(wǎng)絡(luò)性能問題，定位性能問題點(diǎn)。
【附圖說(shuō)明】
[0017]圖1為本發(fā)明的基本顯示效果，默認(rèn)狀態(tài)下，顯示時(shí)間范圍、選中時(shí)間、時(shí)間刻度以及刻度顏色塊示意信息(正常、高、中、低)，自動(dòng)刷新和工作時(shí)間段功能均為關(guān)閉狀態(tài)。
[0018]圖2為本發(fā)明自定義時(shí)間段時(shí)的顯示效果。
[0019]圖3為本發(fā)明鼠標(biāo)放至刻度上時(shí)的顯示效果，此時(shí)可查閱到網(wǎng)絡(luò)警報(bào)數(shù)量、網(wǎng)絡(luò)事件數(shù)量和刻度所表示的時(shí)間范圍。
[0020]圖4為本發(fā)明表示刻度時(shí)間范圍有網(wǎng)絡(luò)事件的顯示效果。
[0021]圖5為本發(fā)明表示刻度時(shí)間刻度的區(qū)間選中(即多個(gè)刻度的選中)顯示效果。
[0022]圖6為本發(fā)明表示時(shí)間刻度為分鐘時(shí)的顯示效果。
【具體實(shí)施方式】
[0023]下面結(jié)合說(shuō)明書附圖，詳細(xì)說(shuō)明本發(fā)明的【具體實(shí)施方式】。
[0024]本發(fā)明公開了一種實(shí)時(shí)網(wǎng)絡(luò)性能數(shù)據(jù)的時(shí)間軸展示方法，其具體包括以下的步驟:步驟一、探針(采集并存儲(chǔ)網(wǎng)絡(luò)通信數(shù)據(jù)的服務(wù)器)以單位時(shí)間刻度(分鐘、小時(shí)、天)記錄的網(wǎng)絡(luò)性能數(shù)據(jù);步驟二、定義一個(gè)時(shí)間刻度(分鐘、小時(shí)、天)向服務(wù)器發(fā)送一次查詢請(qǐng)求，服務(wù)器會(huì)以所查詢的時(shí)間刻度計(jì)算出需要返回的時(shí)間段的數(shù)據(jù)(如查詢刻度為分鐘，返回以服務(wù)器當(dāng)前時(shí)間為準(zhǔn)最近的60個(gè)刻度，即最近I小時(shí)的數(shù)據(jù)。如查詢刻度為小時(shí)，服務(wù)器返回以服務(wù)器當(dāng)前時(shí)間為準(zhǔn)最近的24個(gè)刻度，即最近I天的數(shù)據(jù)。如查詢刻度為天，服務(wù)器返回以服務(wù)器當(dāng)前時(shí)間為準(zhǔn)當(dāng)月的天刻度，即本月已經(jīng)過(guò)去了多少天)。步驟三、將服務(wù)器返回的時(shí)間刻度，網(wǎng)絡(luò)性能數(shù)據(jù)，時(shí)間區(qū)間等數(shù)據(jù)以參數(shù)的形式傳遞給時(shí)間軸繪制函數(shù)。步驟四、根據(jù)服務(wù)器返回的時(shí)間刻度，時(shí)間軸繪制函數(shù)在界面中繪制出相應(yīng)的時(shí)間刻度，根據(jù)服務(wù)器返回的網(wǎng)絡(luò)性能數(shù)據(jù)，時(shí)間軸繪制函數(shù)用色彩標(biāo)示出每個(gè)刻度表示的意義(比如:正常的時(shí)間刻度用用綠色表示，非正常的時(shí)間刻度依照人為定義的警報(bào)級(jí)別分別表示為淡黃色、橙色、紅色。具體的顏色或者圖案的選擇可以根據(jù)需要進(jìn)行靈活設(shè)定，在此不進(jìn)行具體的限定)，根據(jù)服務(wù)器返回的時(shí)間刻度范圍，時(shí)間軸繪制函數(shù)將這個(gè)時(shí)間范圍標(biāo)注為時(shí)間軸的時(shí)間范圍顯示在時(shí)間軸頂部。如圖1所示，當(dāng)定義需要查詢的時(shí)間范圍為2015-09-1800:00:00至2005-10-17 09:51:00,時(shí)間刻度為24小時(shí)時(shí)，所繪制出的時(shí)間軸以天為定單位形成一個(gè)刻度塊，每個(gè)刻度塊用同一種顏色或者圖案表示?？潭葔K下方顯示出時(shí)間刻度，比如第一個(gè)刻度塊下方標(biāo)注18，這一個(gè)刻度塊的顏色或者圖案表不2015年09月18日的網(wǎng)絡(luò)性能數(shù)據(jù)。后續(xù)依次類推，19刻度塊的顏色或者圖案表示2015年09月19日的網(wǎng)絡(luò)性能數(shù)據(jù)，……，17刻度塊的顏色或者圖案表示2015年10月17日的網(wǎng)絡(luò)性能數(shù)據(jù)。時(shí)間范圍2015-09-18 00:00:00-2005-10-17 09:51:00顯示在時(shí)間軸頂部。
[0025]將用戶自定義的時(shí)間刻度繪制在時(shí)間范圍后，在時(shí)間范圍后還可以再添加時(shí)間軸的快捷跳轉(zhuǎn)按鈕和被選中的時(shí)間刻度所表示的時(shí)間區(qū)間。
[0026]本發(fā)明以不同的單位時(shí)間刻度(分鐘、小時(shí)、天)展示網(wǎng)絡(luò)性能相關(guān)參數(shù)(事件和警報(bào))，當(dāng)鼠標(biāo)放置到時(shí)間軸上的刻度時(shí)，會(huì)彈出提示框，顯示出時(shí)間刻度所表示時(shí)間范圍內(nèi)的網(wǎng)絡(luò)性能參數(shù)。時(shí)間軸時(shí)間范圍具備自定義功能，通過(guò)選取一個(gè)開始時(shí)間點(diǎn)和一個(gè)結(jié)束時(shí)間點(diǎn)來(lái)定義查詢時(shí)間范圍。具備常用時(shí)間范圍(過(guò)去I小時(shí)、今天、昨天、本周、上周、本月、上月)的快捷選取(圖3)，以系統(tǒng)當(dāng)前時(shí)間為準(zhǔn)，轉(zhuǎn)換當(dāng)前時(shí)間格式為毫秒，減去I小時(shí)的毫秒數(shù)(3600000毫秒)，得到過(guò)去I小時(shí)的起始時(shí)間點(diǎn)毫秒數(shù)，再轉(zhuǎn)