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

成都創(chuàng)新互聯(lián)網(wǎng)站建設公司一直秉承“誠信做人，踏實做事”的原則，不欺瞞客戶，是我們最起碼的底線！ 以服務為基礎，以質量求生存，以技術求發(fā)展，成交一個客戶多一個朋友！專注中小微企業(yè)官網(wǎng)定制，做網(wǎng)站、網(wǎng)站建設，塑造企業(yè)網(wǎng)絡形象打造互聯(lián)網(wǎng)企業(yè)效應。

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

圖表開發(fā)

要使用 Quick BI 做可視化分析，只需要簡單的三步（開啟試用后方可進入下方鏈接，點擊此處開始試用）

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

2. 新建數(shù)據(jù)集，打開 http://bi.aliyun.com/workspace/schema 選擇數(shù)據(jù)庫中一個表創(chuàng)建數(shù)據(jù)集，數(shù)據(jù)集也支持多個表之間雪花模型和星型模型關聯(lián)

3. 創(chuàng)建儀表板，接下來就可以開始選擇需要的圖表

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

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

Quick BI還能輕松構建線柱組合圖。如下圖，為了分析服裝類目利潤和訪客數(shù)及銷量關系，利潤使用柱狀展示有利于突出主次關系。

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

此外，Quick BI 相對于其它圖表，會對大數(shù)據(jù)量場景做適配，避免文案覆蓋或展示不全。如下圖，當餅圖用例過多時，會對圖例自動開啟滾動條展示，Tooltip 顯示位置優(yōu)化排布：

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

QuickBI 提供這么多圖表展示方式，但如何選擇合適的圖表類型能？這就需要根據(jù)數(shù)據(jù)特征出發(fā)，掌握這一技能需要練習和經(jīng)驗，對于新手，你可以參考如下圖表選擇流程圖。

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

 

圖表實現(xiàn)原理

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

圖表框架從上到下共分為4層：

1. 組件層

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

2. 圖表交互層

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

3. 數(shù)據(jù)配置層

數(shù)據(jù)主要分為兩類：『展示數(shù)據(jù)』和『圖表配置數(shù)據(jù)』。

展示數(shù)據(jù)是業(yè)務中的原始數(shù)據(jù)，不會因為圖表類型的不同而變化。

圖表配置數(shù)據(jù)又分為『用戶產(chǎn)生的圖表配置』和『圖表默認配置』，最終圖表展示是以二者合并之后為準。

由于上層圖表交互只負責展現(xiàn)，因此需要的數(shù)據(jù)結構也是為了高效展現(xiàn)，接口提供的數(shù)據(jù)是為了方便存儲，因此二者很多情況下不一致，所以就需要數(shù)據(jù)轉換層做數(shù)據(jù)格式適配。

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

4. 底層依賴

由于可視化圖表的多樣性，一套框架或繪制方法很難高效滿足業(yè)務需求，因此底層基于G2、Three.js、Leaflet 三個基礎庫，這三者有不是現(xiàn)成的圖表庫，都需要具體實現(xiàn)圖表。類似于面粉和面條的關系，這三者相當于不同口味的面粉，最終開發(fā)的圖表像面條。

G2 是一套基于可視化編碼的圖形語法，以數(shù)據(jù)驅動，適用于基礎圖表；Three.js 是WebGL的封裝，提供高效API開發(fā)3D圖表；Leaflet 適用于開發(fā)交互式地圖類圖表。

總結

以上是 Quick BI 圖表的介紹、用法和技術原理。Quick BI 正是憑借阿里巴巴在大數(shù)據(jù)領域多年的經(jīng)驗，不斷打磨出來的一款 BI 產(chǎn)品。希望他能幫你從雜亂的數(shù)字轉換為酷炫的圖表，幫你發(fā)掘數(shù)據(jù)背后的價值。

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

分享題目：?使用QuickBI搭建酷炫可視化分析-創(chuàng)新互聯(lián)
文章來源：http://weahome.cn/article/iegec.html