作為站長的你是否也曾想針對站點通路日志資訊,分析其中PV、UV、通路地域分布以及通路前十頁面等情況。
作為開發者的你是否也想記錄應用的日志資訊,針對top方法進行優化進而提升應用品質。
作為運維老大的你是否也曾想過實時監控最近1個小時的伺服器響應時間變化,請求用戶端負載均衡到某一台機器流量否有異常情況等資訊,搞一張資料大屏進而更加直覺的擷取關鍵資訊
你可能需要這樣的圖表:

<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
日志服務可視化分析流程如圖所示:
主要分為3個步驟:
可視化展示。日志服務提供基于Restful的開放式API,我們可以選擇适合的方式對我們的日志資料進行可視化處理,本文将主要闡述日志服務自帶的可視化以及儀表盤(Dashboard)功能
日志服務自身的Dashboard有如下特點:
無需事先定義:任何計算方法、任何過濾條件可以應用到任意時間段秒級出圖
互動式分析:圖表<-->原始日志無縫切換,雙向打通
場景化支援:通過資料接入向導直接生成分析大盤,無需複雜配置
目前,日志服務提供的可視化功能包含了如下圖表類型:
接下來将分别介紹每種圖形适合的場景,然後将我們的日志資訊可視化出來。
表格作為最常見的資料展示類型,由一組或多組單元格組成,用于顯示數字和其他項以便快速引用和分析,表格中的項被組織為行和列,表格的第一行稱為表頭,指明表格每一列的内容和意義。
在日志服務中,我們通過查詢分析文法得到的結果資訊預設以表格方式進行展示。比如我想檢視每分鐘上傳位元組總和情況:
可以得到如下表格展示,我們可以利用表頭上的排序按鈕對某一列進行排序
折線圖屬于趨勢類分析圖表,一般用于表示一組資料在一個有序資料類别(多為連續時間間隔)上的變化情況,用于直覺分析資料變化<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為柱狀,得到如下圖示:
柱狀圖和折線圖類似,但是柱狀圖描述的是分類資料(而不是折線圖的有序資料),回答的是每一個分類中『有多少?』這個問題,提供的圖表屬性如下:
X軸:一般為分類資料
Y軸:可以配置一列或多列對應到左軸數值區間
如分析最近15分鐘内不同<code>http_referer</code>的通路次數:
條形圖即為橫向柱狀圖,适合分析分類資料的top情況,提供的圖表屬性保持一緻
如分析最近15分鐘内通路前十的地域資訊:
餅圖用于表示不同分類的占比情況,通過弧度大小來對比各種分類。餅圖通過将一個圓餅按照分類的占比劃分成多個區塊,整個圓餅代表資料的總量,每個區塊(圓弧)表示該分類占總體的比例大小,所有區塊(圓弧)的加和等于 100%。提供的圖表屬性如下:
分類:分類資料
數值列:分類資料對應的數值
餅圖類型:提供餅圖(預設)、環圖以及南丁格爾玫瑰圖
分析最近15分鐘通路方法的分布占比
餅圖:
環圖
分析最近15分鐘通路頁面的分布
南丁格爾玫瑰圖:
數字圖作為最簡單直接的資料表現形式,直覺清晰地将某一個點上的資料展示出來,一般用于表示某一個時間點上的關鍵資訊。提供的圖表屬性如下:
數值列:預設選擇該列的第一行資料進行展示
顔色:提供字型顔色和背景顔色的colorSelect
文案:字号(12px-100px)、機關、機關字号(12px-100px)、數值描述以及數值描述字号(12px-100px)
如統計最近15分鐘的PV:
面積圖是在折線圖的基礎之上形成的,它将折線圖中折線與坐标軸之間的區域使用顔色進行填充,這個填充即為我們所說的<code>面積</code>,顔色的填充可以更好的突出趨勢資訊,提供的圖表屬性如下:
如統計最近15分鐘的平均請求時間變化趨勢:
以地圖作為背景,通過圖形顔色、圖像标記的方式展示地理資料資訊。日志服務提供了三種地圖方式,分别為:中國地圖、世界地圖以及高德地圖(高德地圖分為點圖和熱力圖)提供的圖表屬性如下:
位置資訊:省份(中國地圖)或國家(世界地圖)或經緯度(高德地圖)
數值列:位置資訊對應的資料量
通過<code>remote_addr</code>來繪制三種地圖,統計前十的通路區域
中國地圖:
世界地圖:
高德地圖:
不同顔色的條帶狀分支代表了不同的分類資訊,條狀帶的寬度映射了對應的數值大小。此外,原資料集中的時間屬性,映射到X軸上,是一個三維關系的展現。提供的圖表屬性如下:
Y軸:配置一列資料對應到左軸數值區間
聚合列:需要在第三維上聚合的資訊
圖表類型:提供面圖(預設)、線圖以及柱圖(層疊)
比如我們統計最近15分鐘,不同<code>method</code>方法請求次數随時間變化趨勢情況
X軸選擇<code>minute</code>,Y軸選擇<code>c</code>,按照<code>request_method</code>聚合
桑基圖 (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
...
..
桑基圖就描述了這組資料的關系:
圖表屬性如下:
起點列:描述起始節點
終點列:描述終點節點
數值列:連結起點節點和終點節點的值
這裡我們舉一個負載均衡的例子:
詞雲,是文本資料的視覺表示,由詞彙組成類似雲的彩色圖形,用于展示大量文本資料。 每個詞的重要性以字型大小或顔色顯示,能最讓使用者最快速地感覺某一些關鍵詞的權重大小。提供圖表屬性如下:
詞列:代表要展示的一組詞的資訊
數值列:每一個詞對應的數值資訊
字号:分為最大字号(50px-80px)和最小字号(12px-24px),合理調整字号範圍以适應畫布
如統計最近15分鐘通路hostname的情況:
所有通過查詢分析文法獲得的可視化圖表都可以儲存在一個儀表盤(Dashboard)中,再經過靈活的布局調整,就可以做出一張本文第一部分中截圖的圖表了。
我們可以通過建立标簽 -> 儀表盤 中随時檢視我們儲存好的儀表盤
我們将在3月下旬推出圖表和儀表盤嵌入功能,敬請期待
<video src="http://cloud.video.taobao.com//play/u/3370111033/p/2/e/6/t/1/50088796890.mp4"></video>