它可能是我見過的最可怕的數據視覺化神器!

Image for post
Image for post

製作視覺化報告的方法有很多,最常見的Excel就能做,不過Excel的缺陷在於不能支持大數據量,數據量一大就卡,如果是程式碼大神的話可以用python或者Echarts做,視覺化效果就很驚豔!

但是對一般的業務人員來說為了做個報告去學python,代價太大了,所以我推薦技術小白使用BI工具來做視覺化報告,操作簡單,上手快,是的,今天就打算用來自帆軟旗下的FineReport軟體做演示,下麵我們就開始吧!

1.FineReport是什麼?

這是一個BI報表軟體,企業級應用,一定程度上可替代Excel,如業務系統報表,數據分析報表,財務報表。可與OA,ERP,CRM整合。主要兩大核心是填報和數據展示。懂點java的話可以做開發,比如我同事用這個開發了一個公司內部的考試系統。主要用途還是做報表和大數據量的報表和視覺化。

  • 類似excel製作報表,不用樞紐分析表,也不要寫VBA,功能都是封裝好的
  • 填報功能,收集數據審核入(數據)庫簡直無壓力
  • Dashboard(決策報表),表格立馬變高大上的“儀錶板”
  • 移動端報表隨時隨地看

2.FineReport如何讓技術小白開始玩起來?

開啟Finereport繁體官網,點擊 產品中心,點擊 產品下載。依照使用者系統下載安裝包。

Image for post
Image for post
Image for post
Image for post

注意!先獲取啟動碼才能開始使用唷!這是一款商用報表工具,但是對於個人使用,完全免費,沒有試用期限的唷!你會發現,原來我離數據大神只差這一步的距離啊~

Image for post
Image for post

好好好,我已經迫不及待的想去試用FineReport10.0,聽說有很多很多報表和圖表樣式啊~打開設計器,真的有好多範本啊:

Image for post
Image for post

或者可以透過選擇伺服器“報表平臺管理”,就可以查看更多主題性數據儀錶板demo了,有點開心,馬上要揭開廬山真面目啦。

打開後,你會忍不住說一聲OMG!FineReport針對不同的使用場景,提供了很多酷炫實用的數據範本,如下圖展示:

Image for post
Image for post

選中自己喜歡的範本後下載下來,或者直接在設計器打開範本,馬上就能用!修修改改就好~

當然,你也可以新建一個空白畫布,拖拖拽拽自由創作,像這樣:

Image for post
Image for post

但以上幾張範本並不能展示FineReport的豐富圖表、元件和控件的全貌啊,另有超多超好用超酷的外掛程式和圖表樣式隱藏起來了,那我就來揭秘一下啰!

豐富的圖表樣式

只要你能想像到的圖表樣式,這裏都能找到。(想像不到的,這裏也有!)聽說是帆軟自主研發的 HTML5 圖表,,支援柱形圖,折線圖,餅圖,雷達圖,散點圖、圓環圖,條形圖, 堆積圖、面積圖、組合圖、氣泡圖、地圖、GIS 地圖、流向地圖、熱力地圖、儀表板、全距圖、甘特圖、樹圖、框架圖等 19 種圖表大類和超過 50 種動態圖表樣式。

Image for post
Image for post

控件組件複用

除了常規圖表,還有很多同樣酷炫實用的視覺化控件和元件。

Image for post
Image for post

三方外掛程式

目前每年帆軟公司都會根據客戶的實際需求開發一批外掛,背後還有一批愛好的開發者,會利用視覺化開源庫,設計開發的外掛程式,專門為finereport報表客製化。目前這生態已十分成熟。

Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
來自帆軟市場
Image for post
Image for post

別緊張!即使是技術小白,一樣可以修改圖表的數據,往下看。(技術大神請繞道……)

3.如何修改圖表數據

我們可以在【伺服器數據集】中選擇自己的數據源:

Image for post
Image for post

FineReport支援以多樣的方式整合各種類型的資料源。包括支援Hadoop、GreenPlumn、Kylin等大數據平臺,支援SAP HANA、SAP BW、SSAS、EssBase等多維資料庫,支援MongoDB、SQLite、Cassandra等NO SQL資料庫,也支援傳統的關係型資料庫、程式資料源等。不會寫API,不會建資料庫沒關係,我們可以用Excel啊!

Image for post
Image for post

修改圖表數據,這裡圖表數據屬性主要包含 2 個方面,如下圖所示:

  • 數據來源:設定圖表的數據,必選設定項。
  • 數據篩選:對圖表分類和系列進行篩選,可選設定項。
Image for post
Image for post

2.圖表數據源

數據來源一般是通過選擇圖表的分類軸、系列名稱及系列值來定義圖表數據。圖表數據源分爲 2 種:數據集數據和單元格數據。

數據集數據:圖表的數據來源於數據集,可分爲 2 種: 數據集數據源-字段值作爲系列名稱和數據集數據源-字段名作爲系列名稱。

詳細設置方法參見文檔: 圖表系列名使用

單元格數據:圖表的數據來源於單元格。

詳細設置方法參見文檔:定義圖表單元格數據源

3. 數據篩選

3.1 數據篩選-分類

數據分類篩選是指只顯示某些數據分類,如下圖所示:

Image for post
Image for post

3.2 數據篩選-系列

數據系列篩選是指只顯示某些數據系列,設置内容跟 3.1 是一緻的,區别在於作用於系列,如下圖所示:

Image for post
Image for post

3.3 數據篩選示例

在統計圖報表中,有時我們不希望顯示所有的系列内容,只希望顯示我們需要的或者排名靠前的幾個系列,而且在顯示同時還可設置顯示數據與實際值不同。

3.3.1 設定數據過濾

以模板 %FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\PieChart\常規餅圖.cpt 爲例。

餅圖中的每個扇形區域表示一個系列,選中圖表,點擊右側數據>數據篩選>系列 ,如下圖所示:

Image for post
Image for post

設定僅顯示前 3 條記錄,如果系列有空值的時候,可把系列爲空時,不顯示該系列前面的勾打上;分類和系列類似,就不多詳細介紹。

預覽效果如下:

Image for post
Image for post

其實上手很快的,甚至一些酷炫的地球視覺化,修改數據的原理也一模一樣!怎麼改?請看下麵這個案例(堅持,最後一個案例啰!)

4.教你從0到1製作數據地圖

FineReport的地圖展示可集成Google、Baidu等GIS地圖,離線GIS地圖功能,內置地圖精細到縣級市。自定義添加地圖,並擁有熱力地圖、標記點地圖,區域地圖和組合地圖、流向地圖等特色地圖,可實現地圖縮放、位置定位等功能,這裡我主要講一講流向地圖,常常用來顯示人物、動物和產品的遷移數據。多應用於區際貿易、交通流向、人口遷移、購物消費行為、通訊資訊流動、航空線路等場景,也可應用企業貨物運輸,供應鏈管理。

如下圖,這是一組數據,起點是南京,終點都是中國各地,我想在地圖上反映出南京在某個時間段整個人口流向過程,應該怎麼做呢?這需要用到流向圖。

第一步:準備數據

新建內置數據集File1,分別記錄起始地(包含經緯度)、目的地(包含經緯度)、人數,如下圖所示:

Image for post
Image for post

第二步:插入圖表

合併一片區域單元格,右鍵 A1 單元格,選擇單元格元素>插入圖表>流向地圖,如下圖所示:

Image for post
Image for post

然後進行圖層設定,選擇類型,GIS圖層選擇深藍。

Image for post
Image for post

第三步:數據綁定

綁定圖表數據,選擇經緯度定位,如下圖所示:

Image for post
Image for post

第四步:樣式美化

最後進行樣式設計,選擇樣式>圖例設置為區域段,區間配置如下圖所示:

Image for post
Image for post

ok,點開預覽就是我們想要的地圖啦!

免費體驗:動態圖表與資料視覺化工具

當然,你也嘗試換成多維度地圖,讓數據展示的更加靈活活潑!

其他地圖樣式

Image for post
Image for post
Image for post
Image for post
Image for post
Image for post

當你熟悉了每個圖表控件後,就可以嘗試組合不同的圖表形式,自由創作自己的視覺化作品啦!

Image for post
Image for post
Image for post
Image for post

學習資源

我在這裡推薦一些FR製作資料視覺化圖表的學習資源,妳可以在閒暇之餘練一練手,學習資料還是蠻多的,有什麼不懂的技術問題也可以咨詢帆軟粉絲團,他們能提供實時幫助。另外,FR對於已有基礎的技術人員更友好,開發性能強大,應用開發人間使用網頁腳本、API介面等進行深入的開發,就能客制化更多個性化功能,而且開發效率很高,能節約不少時間和成本。好了,又廢話了,下麵是學習資源窗口:

1.學習資源

2.幫助文檔

3.產品 FAQ

4.課程教學

5.知識園地

6.互助團隊

7.帆軟社區

8.百城巡展

9.帆軟公開課

10.帆軟城市課堂

11.帆軟認證工程師

12.FCRA 考試

13.FCRP 考試

14.產品激活

15.帆軟市場

一些疑惑

1、數據大屏與一般圖表插件如echarts的區別?

有人又會說,用echarts實現就可以了,Echarts確實能提供很豐富的圖表。但是實際應用的時候,要開發的內容遠比想像的複雜,會涉及數據響應、動態刷新、屏幕自適應、還有大數據量高並發的問題,還要設計界面。一般人開發會把自己折騰得夠嗆?不如用現成的工具(比如finereport報表)拖拽圖表實現。

Image for post
Image for post

2、finereport大屏可以做哪些動態效果?

多tab輪播、圖表的輪播、報表塊監控重新整理、圖表監控重新整理、地圖監控重新整理並動態彈出數據提示、數據點自動輪播提示、插入其他GIF動畫圖。

3、關於數據實時訪問

finereport報表與BI商業智慧軟體可以實時訪問數據,但不是完全實時,能做到准實時,目前市面上的主流方案均採用的輪詢方法:定期向伺服器發出請求,監測到數據變更時通知前台進行響應。排程重新整理間隔可以自主定義,可精確到秒。

Image for post
Image for post

4、圖中數據自動滾動怎麼實現?

可以通過數據監控實現,但要求數據本身是實時變化的。可以調用自動輪播的介面實現,這個不要求數據實時,任意數據都可以模擬自動輪播。

Image for post
Image for post

介紹到這裡也差不多結束了,像這樣簡單高效的資料視覺化工具,若是感興趣就趕緊試用起來呀!免費體驗FineReport V10.0,能立即獲取100+資料視覺化範本!

免費體驗FineReport V10.0

Written by

這是一個專注於數據分析職場的內容部落格,聚焦一批數據分析愛好者,在這裡,我會分享數據分析相關知識點推送、(工具/書籍)等推薦、職場心得、熱點資訊剖析以及資源大盤點,希望同樣熱愛數據的我們一同進步! 臉書會有更多互動喔:https://www.facebook.com/shujvfenxi/

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store