您的位置:首頁>正文

配上這些視覺化,領導再也不會吐槽報表醜了!

去年下半年, 我們(帆軟)舉辦了為期4個月的外掛程式開發大賽, 大賽總獎金30w元, 吸引了來自全國各地的2000餘名參賽者報名, 湧現出一大批非常精美的外掛程式, 經過測試之後也會陸續上架帆軟市場(應用中心), 可廣泛應用於報表產品FineReport !

今天小編這邊給大家展示一下其中一部分精美的外掛程式:

3D地球:四維時空展示與資訊管理, 前所未有的視覺衝擊

作者:千戶

功能:立體地球是非常好的跨區域的基於地理資訊的資料載體。 相對於平面地圖, 3D地球更加生動, 表現力也更強。 3D地球外掛程式支援基於數量和位置的點標注以及以兩個位置和時間為維度的流向地圖, 實現了Web環境下的三維展示與空間資訊管理, 也能夠基於報表平臺進行資訊發佈、資料共用、交流協作, 並且完全基於 B/S 模式, 與決策大屏無縫連接。

適用:在國土資源、跨國交通和跨境貿易等方面有著廣泛的應用。

3D全景地圖:構造都市圈級別的宏達場景

作者:Little_U_U

功能:3D全景地圖外掛程式把時間和空間帶進了帆軟。 從時間上看, 外掛程式支持將日期作為維度, 把點的運動軌跡動態呈現在地圖上, 並且支持多種軌跡分類;從空間上看, 外掛程式使得城市建築脫離平面, 立體出來, 提供與滑鼠之間的交互。 不僅如此, 定制化後的外掛程式還支援即時刷新資料, 在地圖上顯示多種標記點, 左鍵拖動地圖, 按住滑鼠右鍵移動可以轉換視角。

適用:適用於政府部門、連鎖企業、LBS提供商等對真實經緯度和展現區域範圍敏感的使用者

軌跡圖:説明企業輕鬆追蹤百萬終端即時軌跡

作者:千戶

功能:軌跡圖外掛程式支持對經緯度點數據動畫的各種配置, 包括運動軌跡的速率、顏色、拖尾、順序等等。 帆軟finereport使用者配置好軌跡圖外掛程式後, 可在報表或大屏中同時管理並追蹤數千萬終端設備的軌跡。

適用:適用於物流車隊管理、互聯網創業公司共用出行大屏、外勤人員管理報表監控系統、運用智慧穿戴設備的健康物聯網等領域。

輪播環形圖:擁有七十二般變化的甜甜圈

作者:行舟

功能:環圖,其本質是圓形圖將中間區域挖空。圓形圖的整體性太強,我們會將注意力集中在比較圓形圖內各個扇形之間占整體比重的關係。但如果我們將兩個圓形圖放在一起,圓形圖很難同時對比兩個圖。環圖在解決上述問題時,採用了讓我們更關注長度而不是面積的做法。這樣我們就能相對簡單的對比不同的環圖。同時環圖相對於圓形圖空間的利用率更高,比如我們可以使用它的空心區域顯示文本資訊,比如標題等。

適用:本外掛程式在集成國內知名開源圖表庫環形圖的基礎上添加了大屏所需的自動播放系列的功能,並提供了多種切換動畫配置。

桑基圖:能源、材料成分、金融等資料的視覺化分析利器

功能:桑基圖由流量、節點、邊構成,適合節點資料集(可選),邊資料集。資料權重映射到節點和邊的寬度。桑基圖需要保持能量守恆,不能在中間過程創造出流量,流失(損耗)的流量應流向表示損耗的節點。

適用:通常應用于能源、材料成分、金融等資料的視覺化分析。

圖片輪播:支持3D切換等多種特效

作者:行舟

功能:在決策報表中使用圖片需要外掛程式的説明,普通的圖片控制項設計器外掛程式只能顯示單張圖片,已然無法滿足使用者的展示需求。

今天給大家帶來了圖片控制項的升級版,圖片輪播控制項。類似圖表輪播,圖片輪播控制項支援同時展現多張圖片,並且可以對展示動畫的播放效果進行配置。

適用:適用于需要對多張圖片進行輪播的各類場景。

3D動態詞雲:酷到沒朋友的3D動態詞雲,支援點擊和主動播放

作者:段靜亮

功能:製作美觀的詞雲圖通常需要大量的資料條數,以及不同欄位之前顯著的資料量大小的差異。3D詞雲外掛程式通過與內置詞雲圖相同的配置方式,支撐了更深層次的詞雲效果。本外掛程式支援自訂圖表樣式配置,包括背景顏色、詞雲顏色、圖例、3D動態旋轉方向及3D動態屬性等配置功能。

象形柱圖:讓數據更有表現力

作者:龍銀

功能:在一般的商業報表中,直條圖的使用場景十分廣泛,可以說是最為常見的一種圖表類型,但是單調的直條圖不能在所有的場景下都生動形象地表達資料。象形柱圖是直條圖的擴展,它既可以用圖形的長寬變形表現資料,也可以用圖形的個數、甚至是圖形的顏色、透明度變化表現資料以及展現資料內在的含義。

除此之外,象形柱圖還可以用同一圖形的個數表現數值,實現類似下圖中的效果。因而象形柱圖可以很大程度上滿足資訊圖的製圖需求。

適用:適用於絕大多數的直條圖

天氣控制項:讓資料大屏多一些溫度

作者:龍銀

功能:帆軟報表的製作使用者當中,很多都是資料庫相關的運維人員,使用js在前端獲取天氣資訊非常麻煩。所以在本次的視覺化外掛程式大賽中,開發者也創新地推出了一款“天氣視覺化”的外掛程式。

天氣控制項支援三種內置樣式,可以聯繫帆軟技術支援或銷售獲取更多的形態定制,支援根據ip獲取所在位置,或者指定顯示天氣的城市。支援配置雙重背景顏色和氣溫、描述字樣的文本樣式,支援顯示直角和圓角。

3D橫條圖:多一個維度,就能看到直條圖無窮多的美

作者:little

功能:不僅僅是立體的柱狀體而是增加了新的維度,在同一張圖表同一個空間範圍內可以放下更多的資料,同時增加了很多屬性設置,能夠展示華麗的顯示的效果,並且能夠自動旋轉,讓使用者直觀感受資料的效果。

3D散點圖:説明你在三維空間發現更多資料價值

作者:9410

功能:3D散點圖也叫 X-Y-Z圖,它將所有的資料以點的形式展現在三維坐標系上,以顯示變數之間的相·互影響程度,點的位置由變數的數值決定。通過觀察散點圖上資料點的分佈情況,我們可以推斷出變數間的相關性。

如果變數之間不存在相互關係,那麼在散點圖上就會表現為隨機分佈的離散的點,如果存在某種相關性,那麼大部分的資料點就會相對密集並以某種趨勢呈現。對於那些變數之間存在密切關係,但是這些關係又不像數學公式和物理公式那樣能夠精確表達的,散點圖是一種很好的圖形工具。

數據碰撞圖:你見過會打架的數據嗎?

作者:onlyxx

功能:支持兩個數值之間的對比,通過百分比的形式展現兩個資料,並且當其具體的數值發生變化時,可以產生獨特的放大縮小的漸變動畫效果,生動形象地吸引使用者的注意。而傳統的橫條圖資料展示都是靜態的圖表。

3D卡片動畫:能翻會轉的動效視覺盛宴

作者:千戶

功能:大屏展示中對於密集圖片的處理一直得不到好的解決方案,例如希望顯示多條產品線或者不同的行銷案例。課題要求中希望能將密集圖片縱深化,立體化呈現並附帶更酷炫的動畫或切換效果,3D卡片動畫外掛程式作為開發者千戶為我們打造的多款最為貼近帆軟原生圖表體驗的外掛程式之一,其炫酷程度卻是突破了傳統帆軟圖表的局限。

由於可以自訂圖片的路徑和顯示時所在的位置,你甚至可以做成一張元素週期表,當然也可以是企業的logo或者重要產品的形象。

子彈圖:比儀錶盤更有效能優勢的子彈圖

作者:梅涼馨

功能:子彈圖的樣子很像子彈射出後帶出的軌道,所以稱為子彈圖。子彈圖的發明是為了取代儀錶盤上常見的那種里程表,時速表等基於圓形的資訊表達方式。

子彈圖無修飾的線性表達方式使我們能夠在狹小的空間中表達豐富的資料資訊,線性的資訊表達方式與我們習以為常的文字閱讀相似,相對於圓形構圖的資訊表達,在資訊傳遞上有更大的效能優勢。

流程圖:FineReport也支持畫流程圖了

作者:標準公民

功能:企業在日常管理過程中,會產生大量行為模式的持續性規範。此場景通常用流程圖來描述,常見的流程圖以描述物件的不同來分類,包括:業務流程圖、頁面流程圖、功能流程圖、資料流程圖等。

使用流程圖可以説明企業管理者梳理產品研發、人事財務流程,有效降低團隊成員間的溝通成本。有助於完善、優化產品需求方案,對公司的各業務線索進行評估。

適用:適用於絕大多數企業日常管理

動態水球圖:讓資料浪起來

作者:Little

功能:水球圖是一種適合於展現單個百分比資料的圖表類型。通過簡潔明確的資料介面與功能豐富的樣式配置項,説明使用者快速生成炫酷的水球圖以代替傳統的儀錶盤等展示百分比資料的圖表。您還可以使用它來顯示各種多層級的進度情況。

適用:水球圖可以更為形象的展示百分比資料以及百分比之間的連續變化關係。

滾動報表圖:滾動報表圖讓大屏更炫酷

作者:Little

功能:傳統的決策報表塊是靜態的,清單不會滾動,資料必須一次性展現,在大屏中效果不夠酷炫,無法自動獲取最新的資料。

此外掛程式支援用圖表的形式展現報表,通過設置資料集,顯示成類似報表塊清單,支援使用者零代碼獲取資料庫資訊並配置自動更新時間,支援通過欄位名稱配置表頭,支援自訂顏色配置等多種豐富的配置項,説明使用者製作炫酷的決策報表甚至大屏。

迷你圖:還記得Excel儲存格裡的迷你圖嗎?FineReport也支持啦!

作者:onlyxx

功能:迷你圖外掛程式支持三種形態,分別是橫條圖(支持包含負數的盈虧圖)、折線圖、面積圖。並且支持用戶設置坐標軸、統一配色、調整背景,在面板中直接預覽最終效果。所以雖然使用者的報表在設計器主介面中看起來跟傳統報表一樣平平無奇,但是預覽之後就會變得十分生動。

適用:常用于商業資料表達,如股票走勢、市場行情等。

條形圓形圖組合圖:當橫條圖遇上圓形圖,boom!!酷斃了

作者:小火柴

功能:橫條圖和圓形圖都是很常見的圖表類型,前者常用來展現資料的大小對比,後者擅長於描述部分與整體的關係。橫條圖在展示多系列多分類資料的時候,往往會變得複雜而難以讓人理解,條形之間的占比關係不明確,而此時的圓形圖就能很好的彌補劣勢。

另外在製作決策報表或者作戰大屏的時候,使用本外掛程式不僅效果酷炫,更能支援自動播放,動畫播放流暢,方便無人值守展示。

適用:常用於季度分類、部門系列,各種銷售、人資資料組成的圖表。

輪播環形圖:擁有七十二般變化的甜甜圈

作者:行舟

功能:環圖,其本質是圓形圖將中間區域挖空。圓形圖的整體性太強,我們會將注意力集中在比較圓形圖內各個扇形之間占整體比重的關係。但如果我們將兩個圓形圖放在一起,圓形圖很難同時對比兩個圖。環圖在解決上述問題時,採用了讓我們更關注長度而不是面積的做法。這樣我們就能相對簡單的對比不同的環圖。同時環圖相對於圓形圖空間的利用率更高,比如我們可以使用它的空心區域顯示文本資訊,比如標題等。

適用:本外掛程式在集成國內知名開源圖表庫環形圖的基礎上添加了大屏所需的自動播放系列的功能,並提供了多種切換動畫配置。

桑基圖:能源、材料成分、金融等資料的視覺化分析利器

功能:桑基圖由流量、節點、邊構成,適合節點資料集(可選),邊資料集。資料權重映射到節點和邊的寬度。桑基圖需要保持能量守恆,不能在中間過程創造出流量,流失(損耗)的流量應流向表示損耗的節點。

適用:通常應用于能源、材料成分、金融等資料的視覺化分析。

圖片輪播:支持3D切換等多種特效

作者:行舟

功能:在決策報表中使用圖片需要外掛程式的説明,普通的圖片控制項設計器外掛程式只能顯示單張圖片,已然無法滿足使用者的展示需求。

今天給大家帶來了圖片控制項的升級版,圖片輪播控制項。類似圖表輪播,圖片輪播控制項支援同時展現多張圖片,並且可以對展示動畫的播放效果進行配置。

適用:適用于需要對多張圖片進行輪播的各類場景。

3D動態詞雲:酷到沒朋友的3D動態詞雲,支援點擊和主動播放

作者:段靜亮

功能:製作美觀的詞雲圖通常需要大量的資料條數,以及不同欄位之前顯著的資料量大小的差異。3D詞雲外掛程式通過與內置詞雲圖相同的配置方式,支撐了更深層次的詞雲效果。本外掛程式支援自訂圖表樣式配置,包括背景顏色、詞雲顏色、圖例、3D動態旋轉方向及3D動態屬性等配置功能。

象形柱圖:讓數據更有表現力

作者:龍銀

功能:在一般的商業報表中,直條圖的使用場景十分廣泛,可以說是最為常見的一種圖表類型,但是單調的直條圖不能在所有的場景下都生動形象地表達資料。象形柱圖是直條圖的擴展,它既可以用圖形的長寬變形表現資料,也可以用圖形的個數、甚至是圖形的顏色、透明度變化表現資料以及展現資料內在的含義。

除此之外,象形柱圖還可以用同一圖形的個數表現數值,實現類似下圖中的效果。因而象形柱圖可以很大程度上滿足資訊圖的製圖需求。

適用:適用於絕大多數的直條圖

天氣控制項:讓資料大屏多一些溫度

作者:龍銀

功能:帆軟報表的製作使用者當中,很多都是資料庫相關的運維人員,使用js在前端獲取天氣資訊非常麻煩。所以在本次的視覺化外掛程式大賽中,開發者也創新地推出了一款“天氣視覺化”的外掛程式。

天氣控制項支援三種內置樣式,可以聯繫帆軟技術支援或銷售獲取更多的形態定制,支援根據ip獲取所在位置,或者指定顯示天氣的城市。支援配置雙重背景顏色和氣溫、描述字樣的文本樣式,支援顯示直角和圓角。

3D橫條圖:多一個維度,就能看到直條圖無窮多的美

作者:little

功能:不僅僅是立體的柱狀體而是增加了新的維度,在同一張圖表同一個空間範圍內可以放下更多的資料,同時增加了很多屬性設置,能夠展示華麗的顯示的效果,並且能夠自動旋轉,讓使用者直觀感受資料的效果。

3D散點圖:説明你在三維空間發現更多資料價值

作者:9410

功能:3D散點圖也叫 X-Y-Z圖,它將所有的資料以點的形式展現在三維坐標系上,以顯示變數之間的相·互影響程度,點的位置由變數的數值決定。通過觀察散點圖上資料點的分佈情況,我們可以推斷出變數間的相關性。

如果變數之間不存在相互關係,那麼在散點圖上就會表現為隨機分佈的離散的點,如果存在某種相關性,那麼大部分的資料點就會相對密集並以某種趨勢呈現。對於那些變數之間存在密切關係,但是這些關係又不像數學公式和物理公式那樣能夠精確表達的,散點圖是一種很好的圖形工具。

數據碰撞圖:你見過會打架的數據嗎?

作者:onlyxx

功能:支持兩個數值之間的對比,通過百分比的形式展現兩個資料,並且當其具體的數值發生變化時,可以產生獨特的放大縮小的漸變動畫效果,生動形象地吸引使用者的注意。而傳統的橫條圖資料展示都是靜態的圖表。

3D卡片動畫:能翻會轉的動效視覺盛宴

作者:千戶

功能:大屏展示中對於密集圖片的處理一直得不到好的解決方案,例如希望顯示多條產品線或者不同的行銷案例。課題要求中希望能將密集圖片縱深化,立體化呈現並附帶更酷炫的動畫或切換效果,3D卡片動畫外掛程式作為開發者千戶為我們打造的多款最為貼近帆軟原生圖表體驗的外掛程式之一,其炫酷程度卻是突破了傳統帆軟圖表的局限。

由於可以自訂圖片的路徑和顯示時所在的位置,你甚至可以做成一張元素週期表,當然也可以是企業的logo或者重要產品的形象。

子彈圖:比儀錶盤更有效能優勢的子彈圖

作者:梅涼馨

功能:子彈圖的樣子很像子彈射出後帶出的軌道,所以稱為子彈圖。子彈圖的發明是為了取代儀錶盤上常見的那種里程表,時速表等基於圓形的資訊表達方式。

子彈圖無修飾的線性表達方式使我們能夠在狹小的空間中表達豐富的資料資訊,線性的資訊表達方式與我們習以為常的文字閱讀相似,相對於圓形構圖的資訊表達,在資訊傳遞上有更大的效能優勢。

流程圖:FineReport也支持畫流程圖了

作者:標準公民

功能:企業在日常管理過程中,會產生大量行為模式的持續性規範。此場景通常用流程圖來描述,常見的流程圖以描述物件的不同來分類,包括:業務流程圖、頁面流程圖、功能流程圖、資料流程圖等。

使用流程圖可以説明企業管理者梳理產品研發、人事財務流程,有效降低團隊成員間的溝通成本。有助於完善、優化產品需求方案,對公司的各業務線索進行評估。

適用:適用於絕大多數企業日常管理

動態水球圖:讓資料浪起來

作者:Little

功能:水球圖是一種適合於展現單個百分比資料的圖表類型。通過簡潔明確的資料介面與功能豐富的樣式配置項,説明使用者快速生成炫酷的水球圖以代替傳統的儀錶盤等展示百分比資料的圖表。您還可以使用它來顯示各種多層級的進度情況。

適用:水球圖可以更為形象的展示百分比資料以及百分比之間的連續變化關係。

滾動報表圖:滾動報表圖讓大屏更炫酷

作者:Little

功能:傳統的決策報表塊是靜態的,清單不會滾動,資料必須一次性展現,在大屏中效果不夠酷炫,無法自動獲取最新的資料。

此外掛程式支援用圖表的形式展現報表,通過設置資料集,顯示成類似報表塊清單,支援使用者零代碼獲取資料庫資訊並配置自動更新時間,支援通過欄位名稱配置表頭,支援自訂顏色配置等多種豐富的配置項,説明使用者製作炫酷的決策報表甚至大屏。

迷你圖:還記得Excel儲存格裡的迷你圖嗎?FineReport也支持啦!

作者:onlyxx

功能:迷你圖外掛程式支持三種形態,分別是橫條圖(支持包含負數的盈虧圖)、折線圖、面積圖。並且支持用戶設置坐標軸、統一配色、調整背景,在面板中直接預覽最終效果。所以雖然使用者的報表在設計器主介面中看起來跟傳統報表一樣平平無奇,但是預覽之後就會變得十分生動。

適用:常用于商業資料表達,如股票走勢、市場行情等。

條形圓形圖組合圖:當橫條圖遇上圓形圖,boom!!酷斃了

作者:小火柴

功能:橫條圖和圓形圖都是很常見的圖表類型,前者常用來展現資料的大小對比,後者擅長於描述部分與整體的關係。橫條圖在展示多系列多分類資料的時候,往往會變得複雜而難以讓人理解,條形之間的占比關係不明確,而此時的圓形圖就能很好的彌補劣勢。

另外在製作決策報表或者作戰大屏的時候,使用本外掛程式不僅效果酷炫,更能支援自動播放,動畫播放流暢,方便無人值守展示。

適用:常用於季度分類、部門系列,各種銷售、人資資料組成的圖表。

同類文章
Next Article
喜欢就按个赞吧!!!
点击关闭提示