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

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

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

1.FineReport是什麼?

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

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

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

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

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

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

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

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

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

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

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

豐富的圖表樣式

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

控件組件複用

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

三方外掛程式

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

來自帆軟市場

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

3.如何修改圖表數據

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

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

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

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

2.圖表數據源

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

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

詳細設置方法參見文檔:

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

詳細設置方法參見文檔:

3. 數據篩選

3.1 數據篩選-分類

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

3.2 數據篩選-系列

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

3.3 數據篩選示例

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

3.3.1 設定數據過濾

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

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

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

預覽效果如下:

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

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

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

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

第一步:準備數據

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

第二步:插入圖表

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

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

第三步:數據綁定

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

第四步:樣式美化

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

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

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

其他地圖樣式

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

學習資源

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

1.

2.

3.

4.

6.

7.

8.

9.

10.

11.

12.

13.

14.

15.

一些疑惑

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

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

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

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

3、關於數據實時訪問

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

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

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

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

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

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