可視化是數據展示的萬金油，幾乎所有的系統都離不開可視化這塊，對可視化的高大尚追求已經超過一般中小企業的能力範疇。這篇文章探討的是可視化如何做技術選型和調研，希望對你有所幫助。

1.本文大綱　　

• 商業智能(BI)工具
  • Tableau：國外軟件，適合BI工程師，數據分析師
  • PowerBI：微軟出品，可以和Excel無縫連接
  • FineBI：中國帆軟出品，傾向於企業級應用BI
• 可視化大屏工具
  • DataV：阿裏巴巴出品，雙十一數據大屏制作利器
  • HT：圖撲編輯器，支持2D，3D的動畫制作，也支持大屏制作
• 商業報表工具
  • FineReport：帆軟出品，商業報表軟件
  • BI和Report的區別
• 前端可視化組件
  • Canvas
  • SVG
  • WebGL

2.數據可視化視圖包括哪些？

　　我們常用的可視化視圖超過20 種，分別包括：文本表、熱力圖、地圖、符號地圖、餅圖、水平條、堆疊條、並排條、樹狀圖、圓視圖、並排圓、線、雙線、面積圖、雙組合、散點圖、直方圖、盒須圖、甘特圖、靶心圖、氣泡圖等。

根據使用場景，大概分成9種：

　　比如說，你想呈現某個變量的分布情況，就可以通過直方圖的形式來呈現。如果你想要看兩個變量之間的相關性及分布情況，可以采用散點圖的形式呈現。

3.數據可視化工具有哪些？

• FineReport

• PowerBI

• DataV大屏工具

3.2商業智能分析

　　首先在商業智能分析軟件中，最著名的當屬 Tableau 和 PowerBI 了，另外中國帆軟出品的 FineBI 也受到國內很多企業的青睞。

　　Tableau 是國外的商業軟件，收費不低。它適合 BI 工程師、數據分析分析師。如果可以熟練掌握 Tableau，那麽找到一份數據分析的工作是不難的。

　　PowerBI 是微軟出品的，可以和 Excel 搭配使用，你可以通過 PowerBI 來呈現 Excel 的可視化內容。

　　在 BI 行業中，Tableau和 PowerBI遠超其他 BI產品，處於行業的領導者的位置。

　　另外 FineBI 是中國的帆軟出品，針對國內使用更加友好，同時也傾向於企業級應用的BI。

3.3可視化大屏類

　　大屏作為一種視覺效果強、科技感強的技術，被企業老板所青睞，可以很好地展示公司的數據化能力。這裏介紹兩款可視化大屏的軟件 DataV 和 FineReport。

• DataV

　　DataV 是阿裏推出的數字大屏技術。它最大的好處，就是可以分享鏈接，讓別人可以在線瀏覽，不需要像 Tableau 一樣安裝客戶端才能看到數據可視化的結果。另外 DataV 有一些模板，你直接可以使用。

天貓雙十一大屏就是用它呈現的。你要做的就是選擇相應的控件，配置控件的樣式、數據傳輸和交互效果等。當然 DataV 本身有一些免費的模板，你可以直接通過模板來創建。不過一些特殊的控件和交互效果還是需要購買企業版才行。

• HT

　　廈門圖撲出品，構建先進2D和3D可視化所需要的可視化工具，在建築設備設施行業的可視化這塊具有比較悠久的積累。

3.4商業報表類

• FineReport

　　FineReport 是帆軟出品的工具，你可以看出他家的產品基本上都是 Fine 開頭的，包括剛才給你介紹的 FineBI。FineReport 可以做數據大屏，也可以做可視化報表，在很多行業都有解決方案，操作起來也很方便。可以實時連接業務數據，對數據進行展示。

目前物思科技就是購買他們的產品，總價9萬多（一次性授權，不含升級版本）

• FineReport和FineBI區別

　　如果把 FineReport 和 FineBI 的最終數據分析結果都比喻為一場盛宴的話，FineReport 可以比喻為一桌經過精心調理和準備的滿漢全席，而 FineBI 則可以比喻為一場可供用戶進行豐富自由選擇的自助餐；

　　FineReport 屬於報表工具，報表是企業信息化必不可少統計分析工具，主要實現一些企業固定的月報，季報，關鍵數據的統計分析，旨在統計或者告訴決策者：過去發生了什麽，什麽正在發生。

　　FineBI 屬於商業智能工具，側重於數據分析，改變之前傳統做表的方式，交互性更好，性能更加強大，旨在將企業中現有的數據轉化為知識，幫助企業做出明智的業務經營決策。

3.5前端可視化組件

　　H5技術當中包括基於2D的圖形技術Canvas、SVG；基於3D技術的WebGL。

　　Canvas 適用於位圖，也就是給了你一張白板，需要你自己來畫點。Canvas 技術可以繪制比較復雜的動畫。不過它是 HTML5 自帶的，所以低版本瀏覽器不支持 Canvas。ECharts 這個可視化組件就是基於 Canvas 實現的。

　　SVG的中文是可縮放矢量圖形，它是使用 XML 格式來定義圖形的。相當於用點和線來描繪了圖形，相比於位圖來說文件比較小，而且任意縮放都不會失真。SVG 經常用於圖標和圖表上。它最大的特點就是支持大部分瀏覽器，動態交互性實現起來也很方便，比如在 SVG 中插入動畫元素等。

　　WebGL 是一種 3D 繪圖協議，能在網頁瀏覽器中呈現 3D 畫面技術，並且可以和用戶進行交互。你在網頁上看到的很多酷炫的 3D 效果，基本上都是用 WebGL 來渲染的。下面介紹的 Three.js 就是基於 WebGL 框架的。

　　在了解這些 Web 渲染協議之後，我再來帶你看下這些常用的可視化組件： Echarts、D3、Three.js 和 AntV。

　　ECharts 是基於 H5 canvas 的 Javascript 圖表庫，是百度的開源項目，一直都有更新，使用的人也比較多。它作為一個組件，可以和 DataV進行組合使用。

　　你可以在 DataV 企業版中接入 ECharts 圖表組件。也可以使用 Python 的 Web 框架（比如 Django、Flask）+ECharts 的解決方案。這樣可以讓你的項目更加靈活地使用到 ECharts 的圖表庫，不論你是用 Python 語言，還是用 DataV 的工具，都可以享受到 ECharts 豐富的圖表庫樣式。

　　D3 的全稱是 Data-Driven Documents，簡單來說，是一個 JavaScript 的函數庫，因為文件的後綴名通常為“.js”，所以 D3 也常使用 D3.js 來稱呼。它提供了各種簡單易用的函數，大大簡化了 JavaScript 操作數據的難度。你只需要輸入幾個簡單的數據，就能夠轉換為各種絢麗的圖形。由於它本質上是 JavaScript，所以用 JavaScript 也是可以實現所有功能的。

　　Three.js，顧名思義，就是 Three+JS 的意思。“Three”表示 3D 的意思，“Three.js”就是使用 JavaScript 來實現 3D 效果。Three.js 是一款 WebGL 框架，封裝了大量 WebGL 接口，因為直接用 WebGL API 寫 3D 程序太麻煩了。

　　AntV 是螞蟻金服出品的一套數據可視化組件，包括了 G2、G6、F2 和 L7 一共 4 個組件。其中 G2 應該是最知名的，它的意思是 The grammar Of Graphics，也就是一套圖形語法。它集成了大量的統計工具，而且可以讓用戶通過簡單的語法搭建出多種圖表。G6 是一套流程圖和關系分析的圖表庫。F2 適用於移動端的可視化方案。L7 提供了地理空間的數據可視化框架。

數據可視化工具調研和選型