天天看點

10分鐘輕松定制網站日志分析大盤前言整體結構差別圖表類型添加到儀表盤附示範視訊參考技術支援

作為站長的你是否也曾想針對站點通路日志資訊,分析其中PV、UV、通路地域分布以及通路前十頁面等情況。

作為開發者的你是否也想記錄應用的日志資訊,針對top方法進行優化進而提升應用品質。

作為運維老大的你是否也曾想過實時監控最近1個小時的伺服器響應時間變化,請求用戶端負載均衡到某一台機器流量否有異常情況等資訊,搞一張資料大屏進而更加直覺的擷取關鍵資訊

你可能需要這樣的圖表:

10分鐘輕松定制網站日志分析大盤前言整體結構差別圖表類型添加到儀表盤附示範視訊參考技術支援

<a href="https://signin.aliyun.com/1654218965343050/login.htm?callback=https%3A%2F%2Fsls.console.aliyun.com%2Fnext%2Fproject%2Fdashboard-show%2Fdashboard%2Fdashboard-show%3F" target="_blank">點我試用</a>

使用者名:sls_reader1@1654218965343050

密碼:pnX-32m-MHH-xbm

日志服務可視化分析流程如圖所示:

10分鐘輕松定制網站日志分析大盤前言整體結構差別圖表類型添加到儀表盤附示範視訊參考技術支援

主要分為3個步驟:

可視化展示。日志服務提供基于Restful的開放式API,我們可以選擇适合的方式對我們的日志資料進行可視化處理,本文将主要闡述日志服務自帶的可視化以及儀表盤(Dashboard)功能

日志服務自身的Dashboard有如下特點:

無需事先定義:任何計算方法、任何過濾條件可以應用到任意時間段秒級出圖

互動式分析:圖表&lt;--&gt;原始日志無縫切換,雙向打通

場景化支援:通過資料接入向導直接生成分析大盤,無需複雜配置

目前,日志服務提供的可視化功能包含了如下圖表類型:

10分鐘輕松定制網站日志分析大盤前言整體結構差別圖表類型添加到儀表盤附示範視訊參考技術支援

接下來将分别介紹每種圖形适合的場景,然後将我們的日志資訊可視化出來。

表格作為最常見的資料展示類型,由一組或多組單元格組成,用于顯示數字和其他項以便快速引用和分析,表格中的項被組織為行和列,表格的第一行稱為表頭,指明表格每一列的内容和意義。

在日志服務中,我們通過查詢分析文法得到的結果資訊預設以表格方式進行展示。比如我想檢視每分鐘上傳位元組總和情況:

可以得到如下表格展示,我們可以利用表頭上的排序按鈕對某一列進行排序

10分鐘輕松定制網站日志分析大盤前言整體結構差別圖表類型添加到儀表盤附示範視訊參考技術支援

折線圖屬于趨勢類分析圖表,一般用于表示一組資料在一個有序資料類别(多為連續時間間隔)上的變化情況,用于直覺分析資料變化<code>趨勢</code>,提供的圖表屬性如下:

X軸:一般為有序資料類别(時間序列)

左Y軸:可以配置一列或多列對應到左軸數值區間

右Y軸:可以配置一列或多列對應到右軸數值區間(右軸圖層高于左軸)

為柱列:将已選擇的左Y軸或者右Y軸中的一列以柱狀形式表示

圖例位置:上右下左

間距:坐标軸距離圖表邊界距離

如分析在最近15分鐘内PV、UV已經平均響應時間變化

選擇<code>minutes</code>作為X軸,<code>pv</code>、<code>uv</code>放在左Y軸,<code>avg</code>為右Y軸并且設定uv為柱狀,得到如下圖示:

10分鐘輕松定制網站日志分析大盤前言整體結構差別圖表類型添加到儀表盤附示範視訊參考技術支援

柱狀圖和折線圖類似,但是柱狀圖描述的是分類資料(而不是折線圖的有序資料),回答的是每一個分類中『有多少?』這個問題,提供的圖表屬性如下:

X軸:一般為分類資料

Y軸:可以配置一列或多列對應到左軸數值區間

如分析最近15分鐘内不同<code>http_referer</code>的通路次數:

10分鐘輕松定制網站日志分析大盤前言整體結構差別圖表類型添加到儀表盤附示範視訊參考技術支援

條形圖即為橫向柱狀圖,适合分析分類資料的top情況,提供的圖表屬性保持一緻

如分析最近15分鐘内通路前十的地域資訊:

10分鐘輕松定制網站日志分析大盤前言整體結構差別圖表類型添加到儀表盤附示範視訊參考技術支援

餅圖用于表示不同分類的占比情況,通過弧度大小來對比各種分類。餅圖通過将一個圓餅按照分類的占比劃分成多個區塊,整個圓餅代表資料的總量,每個區塊(圓弧)表示該分類占總體的比例大小,所有區塊(圓弧)的加和等于 100%。提供的圖表屬性如下:

分類:分類資料

數值列:分類資料對應的數值

餅圖類型:提供餅圖(預設)、環圖以及南丁格爾玫瑰圖

分析最近15分鐘通路方法的分布占比

餅圖:

10分鐘輕松定制網站日志分析大盤前言整體結構差別圖表類型添加到儀表盤附示範視訊參考技術支援

環圖

10分鐘輕松定制網站日志分析大盤前言整體結構差別圖表類型添加到儀表盤附示範視訊參考技術支援

分析最近15分鐘通路頁面的分布

南丁格爾玫瑰圖:

10分鐘輕松定制網站日志分析大盤前言整體結構差別圖表類型添加到儀表盤附示範視訊參考技術支援

數字圖作為最簡單直接的資料表現形式,直覺清晰地将某一個點上的資料展示出來,一般用于表示某一個時間點上的關鍵資訊。提供的圖表屬性如下:

數值列:預設選擇該列的第一行資料進行展示

顔色:提供字型顔色和背景顔色的colorSelect

文案:字号(12px-100px)、機關、機關字号(12px-100px)、數值描述以及數值描述字号(12px-100px)

如統計最近15分鐘的PV:

10分鐘輕松定制網站日志分析大盤前言整體結構差別圖表類型添加到儀表盤附示範視訊參考技術支援

面積圖是在折線圖的基礎之上形成的,它将折線圖中折線與坐标軸之間的區域使用顔色進行填充,這個填充即為我們所說的<code>面積</code>,顔色的填充可以更好的突出趨勢資訊,提供的圖表屬性如下:

如統計最近15分鐘的平均請求時間變化趨勢:

10分鐘輕松定制網站日志分析大盤前言整體結構差別圖表類型添加到儀表盤附示範視訊參考技術支援

以地圖作為背景,通過圖形顔色、圖像标記的方式展示地理資料資訊。日志服務提供了三種地圖方式,分别為:中國地圖、世界地圖以及高德地圖(高德地圖分為點圖和熱力圖)提供的圖表屬性如下:

位置資訊:省份(中國地圖)或國家(世界地圖)或經緯度(高德地圖)

數值列:位置資訊對應的資料量

通過<code>remote_addr</code>來繪制三種地圖,統計前十的通路區域

中國地圖:

10分鐘輕松定制網站日志分析大盤前言整體結構差別圖表類型添加到儀表盤附示範視訊參考技術支援

世界地圖:

10分鐘輕松定制網站日志分析大盤前言整體結構差別圖表類型添加到儀表盤附示範視訊參考技術支援

高德地圖:

10分鐘輕松定制網站日志分析大盤前言整體結構差別圖表類型添加到儀表盤附示範視訊參考技術支援
10分鐘輕松定制網站日志分析大盤前言整體結構差別圖表類型添加到儀表盤附示範視訊參考技術支援

不同顔色的條帶狀分支代表了不同的分類資訊,條狀帶的寬度映射了對應的數值大小。此外,原資料集中的時間屬性,映射到X軸上,是一個三維關系的展現。提供的圖表屬性如下:

Y軸:配置一列資料對應到左軸數值區間

聚合列:需要在第三維上聚合的資訊

圖表類型:提供面圖(預設)、線圖以及柱圖(層疊)

比如我們統計最近15分鐘,不同<code>method</code>方法請求次數随時間變化趨勢情況

X軸選擇<code>minute</code>,Y軸選擇<code>c</code>,按照<code>request_method</code>聚合

10分鐘輕松定制網站日志分析大盤前言整體結構差別圖表類型添加到儀表盤附示範視訊參考技術支援

桑基圖 (Sankey Diagram),是一種特定類型的流圖,用于描述一組值到另一組值的流向。适合網絡流量等場景,通常包含3組值<code>source</code>、<code>target</code>以及<code>value</code>。<code>source</code>和<code>target</code>描述了點的關系,而<code>value</code>描述了該<code>source</code>和<code>target</code>之間邊的關系。

資料示例如下:

source

target

value

node1

node2

14

node3

12

node4

5

...

..

桑基圖就描述了這組資料的關系:

10分鐘輕松定制網站日志分析大盤前言整體結構差別圖表類型添加到儀表盤附示範視訊參考技術支援

圖表屬性如下:

起點列:描述起始節點

終點列:描述終點節點

數值列:連結起點節點和終點節點的值

這裡我們舉一個負載均衡的例子:

10分鐘輕松定制網站日志分析大盤前言整體結構差別圖表類型添加到儀表盤附示範視訊參考技術支援

詞雲,是文本資料的視覺表示,由詞彙組成類似雲的彩色圖形,用于展示大量文本資料。 每個詞的重要性以字型大小或顔色顯示,能最讓使用者最快速地感覺某一些關鍵詞的權重大小。提供圖表屬性如下:

詞列:代表要展示的一組詞的資訊

數值列:每一個詞對應的數值資訊

字号:分為最大字号(50px-80px)和最小字号(12px-24px),合理調整字号範圍以适應畫布

如統計最近15分鐘通路hostname的情況:

10分鐘輕松定制網站日志分析大盤前言整體結構差別圖表類型添加到儀表盤附示範視訊參考技術支援

所有通過查詢分析文法獲得的可視化圖表都可以儲存在一個儀表盤(Dashboard)中,再經過靈活的布局調整,就可以做出一張本文第一部分中截圖的圖表了。

我們可以通過建立标簽 -&gt; 儀表盤 中随時檢視我們儲存好的儀表盤

我們将在3月下旬推出圖表和儀表盤嵌入功能,敬請期待

<video src="http://cloud.video.taobao.com//play/u/3370111033/p/2/e/6/t/1/50088796890.mp4"></video>

10分鐘輕松定制網站日志分析大盤前言整體結構差別圖表類型添加到儀表盤附示範視訊參考技術支援

繼續閱讀