大促中爲何須要可視化監控大屏？

雲妹導讀：

大數據時代，咱們最常聽到的一句話就是「用數聽說話」。但數據自己都是冰冷的數字，它很難直接告訴咱們哪些數據是有價值的信息。只有把相對複雜、抽象的數據經過可視的方式以人們更易理解的形式展現出來，纔可使傳遞給使用者的感覺更加直觀，也更容易得到其中價值，這種手段就叫作數據可視化。數據可視化能夠更形象地表達數據內在的信息和規律，促進數據信息的傳播和應用。

大屏數據可視化是數據可視化的一種，其以「大屏」爲主要展現載體的數據可視化設計，具備「大面積、炫酷動效、豐富色彩」等特色。利用面積大、可展現信息多的特色，經過「關鍵信息大屏共享」的方式可方便團隊討論、決策，故大屏經常使用來作數據分析、監控使用。

有了大屏，關鍵信息便可一目瞭然。好比11.11大促期間，所涉及的產品 從底層IDC、基礎網絡，到Iaas、PaaS、SaaS，層層都有不少模塊服務 ，想要看到雲平臺核心業務運行是否正常，是否有潛在風險，均可以在一塊綜合大屏中展現出來。這樣研發或者運維不只能夠作平常巡檢，當發生故障時，也能幫助作分析和定位。

圖 1

上圖爲京東智聯雲在今年11.11期間的核心業務監控大屏。這個大屏最主要核心的就是正中間的三個圓形圖片，也是穩定性最重要的信息——「資源水位」，「服務運行狀態」，「安全態勢」。圖片經過不一樣顏色表示系統的穩定情況，既生動又易於理解：

• 綠色 代表當前雲平臺總體正常，沒有大的問題；
• 橙色 代表須要注意某個或者某些資源水位達到預警，準備擴容，某個或某些服務可用性降低，須要關注，有DDoS攻擊正在封堵；
• 紅色 代表某個或者某些服務已經異常，影響線上業務，須要研發運維，處理故障。

圖 1 左下角是核心業務流量趨勢圖，有同比（去年11.11），環比（今年618）數據，經過這些數據能夠直觀地看到這些核心業務流量是否正常，若是不正常多是會有異常狀況或者故障發生，也能今後趨勢圖預測下次大促流量，提早預估出容量，爲下次大促作準備。

除了集中展現信息，大屏還有一個很是重要的特性就是它能展現信息之間的關聯性。在圖1 的核心業務監控大屏中，當服務運行狀態顏色變紅，說明有服務異常。在大屏右下角，能夠看到是哪一個產品服務有異常，且從下到上的服務之間是有依賴關係的，當底層的服務異常變成紅色，那麼上層服務可能都有異常，都變紅色，經過這種依賴層級關係，能更快地作故障定位，迅速作止損，想看具體哪些資源或者服務異常，能夠點擊下面的小圖，連接到相應的服務大屏裏。

下面圖 2是安全態勢的大屏，在這張圖中能夠看到哪一個位置的機房被攻擊，Top5的攻擊者IP是多少，安全事件發展趨勢等。

圖 2

經過這種直觀，有關聯的方式，把核心數據及穩定性工做呈現出來，也更容易向上彙報。不熟悉底層業務的同事，也能容易理解接受，起到一目瞭然的效果，尤爲是有地域性特色的業務，用地圖更是起到 「一圖勝千言」 的效果。

在京東智聯雲11.11大屏數據可視化的實踐過程當中，咱們總結出幾個設計原則：

首先，先總覽後細節。 大屏由於大，承載數據多，爲了不觀者迷失，大屏信息呈現要有焦點有主次。能夠經過對比，先把核心數據拋給觀看者，待其理解大屏主要內容與展現邏輯後，再逐級瀏覽二三級內容。部分細節數據可暫時隱藏，有須要時可經過鼠標點擊等交互方式喚起；

第二，大屏指標在8-12個爲宜。 大屏上的展現空間是有限的，咱們不能將全部的數據都堆到大屏中，關注的人想要看到的也只是一些關鍵數據，由於大屏上的指標數量最好在8-12個之間，這也是數據指標數量的主流配置，當達到這個數量時，大屏總體看起來不空也不擠；

第三，比率類、數字類和子部分佈類指標要合理佈局。 比率，數字總計和子部分佈這三類指標在每張大屏中幾乎必然出現，而且出現的次數也不少，次數分佈也比較均勻，由於通常大屏都須要有數字總計類的指標，並且每每是核心指標，這樣方便知道核心指標目前的整體情況。可是僅僅一個數字並不能反映出當前指標的完成狀況，因此也須要有比率指標，它反映了部分佔整體的佔比；

最後，一圖勝千言。 有「地域性」或「區域性」特徵的產品用地圖大屏，尤爲是能夠作成動態或熱力圖，會起到一圖勝千言的效果。

若是你也想擁有一塊本身的數據大屏，能夠點擊如下連接，用京東智聯雲數據大屏輕鬆實現數據可視化：

🔗《如何決策快人一步？用一塊大屏輕鬆實現數據可視化》

若是想在數據大屏的基礎上以最新的視覺體驗和可視化形態爲觀者傳遞信息，也能夠經過如下設計揭祕來了解更多大屏可視化技巧：

🔗《11.11數據可視化大屏設計揭祕》

推薦閱讀：

• 11.11TECH TALK | 揭祕11.11監控排障利器 京東高穩定日誌服務深度解析
• 11.11 TECK TALK | 京東千億訂單背後的縱深安全防護體系
• 11.11 TECK TALK | 媲美物理機 裸金屬雲主機極致性能輕鬆應對11.11大促

歡迎點擊【京東智聯雲】，瞭解開發者社區

更多精彩技術實踐與獨家乾貨解析

歡迎關注【京東智聯雲開發者】公衆