使用 QuickBI 搭建酷炫可視化分析

使用 QuickBI 搭建酷炫可視化分析

 

隨着各行各業大數據的***,BI 類數據分析需求與日俱增,如何讓可視化更好的展現數據的價值,是 BI 類產品一直努力的方向。對此國內外的BI產品都有自己的方法,如國外大牌的 PowerBI、Tableau,還有國內的 FineBI、BDP、Quick BI 他們都提供了豐富度可視化能力,但對於新手而言,有了數據之後如何選擇合適的圖表?如何配置酷炫奪目的圖表?多個圖表如何組織有故事的報表?亦或是你想了解可視化背後的技術原理,本文將一一爲你解答。

 

圖表開發

要使用 Quick BI 做可視化分析,只需要簡單的三步(開啓試用後方可進入下方鏈接,點擊此處開始試用

1. 連接數據源,打開 http://bi.aliyun.com/workspace/datasource 輕鬆配置。目前Quick BI已經支持包括 Mysql/PostgreSQL/SQL Server/Hive 在內的絕大多數數據源類型

2. 新建數據集,打開 http://bi.aliyun.com/workspace/schema 選擇數據庫中一個表創建數據集,數據集也支持多個表之間雪花模型和星型模型關聯

3. 創建儀表板,接下來就可以開始選擇需要的圖表

 

首先看一下 Quick BI 圖表的種類:

圖片 1.png

如上圖,Quick BI目前共提供十三類三十多種圖表,如柱狀圖包含普通柱圖、堆積柱狀圖、百分比堆積柱圖、條形圖、堆積條形圖、百分比堆積條形圖6種,能涵蓋 BI 分析中的絕大多數場景。

 

Quick BI還能輕鬆構建線柱組合圖。如下圖,爲了分析服裝類目利潤和訪客數及銷量關係,利潤使用柱狀展示有利於突出主次關係。

圖片 2.png

鼠標hover到圖例上能高亮指定數據,適合維度過多情況下單個維度分析。

圖片 3.png

此外,Quick BI 相對於其它圖表,會對大數據量場景做適配,避免文案覆蓋或展示不全。如下圖,當餅圖用例過多時,會對圖例自動開啓滾動條展示,Tooltip 顯示位置優化排布:

圖片 4.png

 

此外還有來源去向圖,適合分析頁面間調整和用戶行爲路徑:

圖片 5.png

 

QuickBI 提供這麼多圖表展示方式,但如何選擇合適的圖表類型能?這就需要根據數據特徵出發,掌握這一技能需要練習和經驗,對於新手,你可以參考如下圖表選擇流程圖。

圖片 6.png

參考至 Andrew Abela 博士的圖表建議(http://extremepresentation.typepad.com/blog/2006/09/choosing_a_good.html

 

圖表實現原理

介紹完圖表類型和使用方法,如果你對圖表技術原理感興趣,可以看接下來的圖表實現原理分析。

圖片 7.png

 

圖表框架從上到下共分爲4層:

1. 組件層

基於圖表展示方式的不同,交互有很大差別,因此將線圖、柱圖、面積圖、條形圖、餅圖等歸位基礎圖表,他們基於常規的笛卡爾座標系或極座標系構建;交叉表、矩陣樹圖、漏斗圖、來源去向圖等交互各異,需要針對性優化,歸爲富交互圖表;地圖需要基於LBS地理位置數據,目前內置中國省市縣地圖,可以在不同級別上鑽和下鑽。最後一類是未來計劃上線的3D圖表。結合着目前VR/AR設備的興起,3D圖表在視覺效果上有更好的體驗,未來計劃發力。

2. 圖表交互層

靜態圖表是呆板的,靈活的交互就像讓圖表說話一樣提高數據分析的效率和體驗,對於OLAP類數據來說鑽取聯動跳轉是基本交互,這些所有支持類圖表可以統一實現。座標軸Axis、圖例、提示框Tooltip在多個圖表都支持,封裝成通用模塊方式提供。對於大數據量而言,這3個通用模塊都需要解決小空間下如何展示大量文案的問題,Quick BI 內部基於很多算法來做展示優化,如當座標軸數量過多時,通過對比座標軸寬度和文案寬度,自動計算座標軸文案傾斜夾角,避免文案重疊。對於數據量過大情況,實現自動抽樣展示。

3. 數據配置層

數據主要分爲兩類:『展示數據』和『圖表配置數據』。

展示數據是業務中的原始數據,不會因爲圖表類型的不同而變化。

圖表配置數據又分爲『用戶產生的圖表配置』和『圖表默認配置』,最終圖表展示是以二者合併之後爲準。

由於上層圖表交互只負責展現,因此需要的數據結構也是爲了高效展現,接口提供的數據是爲了方便存儲,因此二者很多情況下不一致,所以就需要數據轉換層做數據格式適配。

這一層是整個數據處理的核心,並不僅僅是轉換方法,數據結構的設計同樣是關鍵,需要兼顧到不同圖表類型橫向和未來擴展縱向的多重考量。

4. 底層依賴

由於可視化圖表的多樣性,一套框架或繪製方法很難高效滿足業務需求,因此底層基於G2、Three.js、Leaflet 三個基礎庫,這三者有不是現成的圖表庫,都需要具體實現圖表。類似於麪粉和麪條的關係,這三者相當於不同口味的麪粉,最終開發的圖表像麪條。

G2 是一套基於可視化編碼的圖形語法,以數據驅動,適用於基礎圖表;Three.js 是WebGL的封裝,提供高效API開發3D圖表;Leaflet 適用於開發交互式地圖類圖表。


總結

以上是 Quick BI 圖表的介紹、用法和技術原理。Quick BI 正是憑藉阿里巴巴在大數據領域多年的經驗,不斷打磨出來的一款 BI 產品。希望他能幫你從雜亂的數字轉換爲酷炫的圖表,幫你發掘數據背後的價值。

 


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章