條形圖幾乎是報表製作中資料視覺化中最為常用的圖表類型了,它由多組長方形的條狀方塊組成,帆軟報表中原生的條形圖功能十分豐富,支援各種元素的樣式配置項,使用者可以方便的創建炫酷多樣的條形圖。 柱狀圖描述的是分類數據,回答的是每一個分類中「有多少?」這個問題,不過普通柱狀圖不夠直觀,而且展示的是二維數據。 今天開發者little讓這一切更進一步,帆軟報表支援繪製3D條形圖(三維條形圖)了,不僅僅是立體的柱狀體而是增加了新的維度,在同一張圖表同一個空間範圍內可以放下更多的數據,同時增加了很多屬性設定,能夠展示華麗的顯示效果,並且能夠自動旋轉,讓用戶直觀感受資料視覺化的效果。這就是新發佈的外掛程式:3D條形圖!可以在帆軟數據分析軟體中使用。 同三維散點圖類似,3D條形圖插件通過數據在三個坐標軸上的位置確定條形的位置和高度,支援配置柱形的起止顏色來自動生成漸變的柱狀顏色,提高圖表的美感,還可以配置是否顯示倒角和陰影。 3D條形圖目前上架6折優惠,購買僅需3000元人民幣,支援免費下載試用。https://market.fanruan.com/plugin/663
最近帆軟市場(原應用中心)發布了一系列報表數據視覺化外掛程式,很多讀者反饋某些插件的適用場景主要局限在大屏報表數據分析和數據展示中,尤其是一些炫酷的3D插件,偏向展示作用,無法列印出來應用在傳統報表上。今天給大家介紹的就是工具屬性非常強的子彈圖。 子彈圖的樣子很像子彈射出後帶出的軌道,所以稱為子彈圖。子彈圖的發明是為了取代儀表盤上常見的那種里程表,時速表等基於圓形的資料表達方式。子彈圖的特點如下: 每一個單元的子彈圖只能顯示單一的數據資料源 通過添加合理的度量標尺可以顯示更精確的階段性數據資料 通過優化設計還能夠用於表達多項同類數據的對比 可以表達一項數據與不同目標的校對結果 子彈圖無修飾的線性表達方式使我們能夠在狹小的空間中表達豐富的數據資料,線性的資料表達方式與我們習以為常的文字閱讀相似,相對於圓形構圖的資料表達,在資料傳遞上有更大的效能優勢。 下圖是一個模擬商鋪一段時間內的經營情況的數據,一共 5 條數據,分別代表收入(單位:千美元)、利率(單位:%)、平均成交額(單位:美元)、新客戶(單位:個)和滿意度(1-5)五個方面,每個方面都有代表好、中、差的 3 個範圍和預先設定的目標。 表達負面(消極)數據時,可以將子彈圖做方向上的反轉。下圖用反向子彈圖表示開銷的多少。 表達一些階段性的數據時,例如,我們定義了全年的定額目標,但是每個季度都會階段性地顯示當前完成的進度,此時就需要同時表達每個季度的數據和全年整體的定額目標數據。 子彈圖也是有多位開發者參與角逐,最終產生的擂主選手是梅涼馨。感謝antv G2開源庫,開發者可以使用最具設計感的國產圖表為帆軟的用戶帶來子彈圖。子彈圖插件全面支援開源的各種特性,提供了豐富的配置項支援。開發者梅涼馨支持承接g2庫對接帆軟的二次客製化開發。歡迎聯繫帆軟銷售或技術支援工程師提交需求! 現在免費下載子彈圖插件試用,購買還可享受6折優惠。https://market.fanruan.com/plugin/661
在圖表製作時,我們常常用餅圖和儀表盤圖來做百分比的數據分析和展示,如果你,厭倦了傳統餅圖和儀表盤,那麼請你快來下載使用動態的水球圖來代替它們吧! 水球圖是一種適合於展現單個百分比數據的圖表類型。插件作者Little幫助帆軟BI報表集成了知名圖表庫的水球圖組件,通過簡潔明確的數據介面與功能豐富的樣式配置項,幫助用戶快速生成炫酷的水球圖以代替傳統的儀表盤等展示百分比數據的圖表。您還可以使用它來顯示各種多層級的進度情況。 組件社區中炫酷的水球圖效果圖(仿名畫《神奈川衝浪里》) 具體到業務數據來看,水球圖可以更為形象的展示百分比數據以及百分比之間的連續變化關係。 使用水球圖代替儀表板 使用水球圖代替餅圖 大屏BI報表中的水球圖 現在購買水球圖插件更享5折優惠,點擊鏈接或者下面的圖片跳轉應用中心免費下載試用。https://market.fanruan.com/plugin/656
之前在大屏報表展示的時候,對於密集圖片的處理一直得不到好的解決方案。例如希望顯示多條產品線或者不同的行銷案例。這次可視化大賽課題要求中希望能將密集圖片縱深化,立體化呈現並附帶更酷炫的動畫或切換效果。 [3D卡片動畫插件] 是開發者千戶為我們打造的多款最為貼近帆軟原生圖表體驗的插件之一,其炫酷程度突破了傳統帆軟圖表製作和展示的局限,完美地實現了課題的要求。 下圖是使用3D卡片動畫插件製作的帆軟部分合作客戶的logo集合! 這款插件可以支援自定義圖片的路徑和顯示時所在的位置,你甚至可以做成一張元素周期表,當然也可以是企業的logo或者重要產品的形象。 前端社區中的作品 插件的自定義功能也非常豐富,截圖的是插件的樣式和交互配置面板,千戶是「可視化開發大賽」中少數主動實現類型、特效面板的開發者,做出了超出大賽文檔demo示例範圍的插件。同其他參賽開發者一樣,千戶為插件提供多樣的客製化開發服務,讀者可以聯繫帆軟報表BI的技術支援或者售前提交需求哦! 使用這款插件製作的帆報表BI軟吉祥物悟帆的變身圖: 3D卡片動畫支持免費試用,現在下載還可享受6折優惠。https://market.fanruan.com/plugin/657
最近陸陸陸續續給大家帶來帆軟可視化插件大賽的作品,這些作品都是由外部開發者基於FineReport報表與BI商業智慧軟體開發的,開發完成并審核通過後,上架帆軟插件商城以供帆軟的報表BI客戶免費或者付費使用。這是帆軟生態的一個重要組成部分。今天給大家帶來的兩款免費插件,是開發者“標準公民”的作品。 流程圖 企業在日常管理過程中,會產生大量行為模式的持續性規範。此場景通常用流程圖來描述,常見的流程圖以描述對象的不同來分類,包括:業務流程圖、頁面流程圖、功能流程圖、數據流程圖等。 使用流程圖可以幫助企業管理者梳理產品研發、人資財務流程,有效降低團隊成員間的溝通成本。有助於完善、優化產品需求方案,對公司的各業務線索進行評估。但是通常一個企業級的流程圖管理軟體授權都十分昂貴,並且難以和web端的各類辦公系統和帆軟BI報表無縫銜接。 流程圖插件效果圖 原本課題的靈感是來自於筆者發現了相關的前端web開源庫,支持繪製UML圖形 ,但是後來發現帆軟BI報表設計器內繪製圖表自定義界面開發難度過大,沒有適合的現成控制項可供使用,很多開發者提交的插件完成度不高都沒法通過審核。最終開發者標準公民的作品讓筆者眼前一亮,他的流程圖插件是「可視化大賽」中真正當擔起「創新」名義的作品,將開源庫中的富文本解析方式巧妙地轉變成了插件中的列表操作模式。 流程圖的配置面板截圖 流程圖插件今天在帆軟軟體市場上架,完全免費哦!https://market.fanruan.com/plugin/658 時序圖 除了流程圖之外,標準公民還開發了時序圖插件,時序圖(Sequence Diagram),亦稱為序列圖、循序圖或順序圖,是一種UML交互圖。它通過描述對象之間發送訊息的時間順序顯示多個對象之間的動態協作。 時序圖的作用是展示對象之間交互的順序。將交互行為建模為訊息傳遞,通過描述訊息是如何在對象間發送和接收的來動態展示對象之間的交互;相對於其他UML圖,時序圖更強調交互的時間順序;並且可以直觀的描述並發進程。 時序圖保持了開發者標準公民插件一貫的簡潔易用的特性,插件的配置面板如下。 時序圖插件在帆軟市場內依然保持免費下載,插件開發者支援客製化開發。https://market.fanruan.com/plugin/659 由於兩種圖表本身相對而言就比較複雜,開發者主動提供了相關的操作手冊,放在FR的在線幫助文檔上,地址如下。 流程圖插件使用說明-http://help.finereport.com/doc-view-2274.html 時序圖插件使用說明-http://help.finereport.com/doc-view-2275.html
與之前提及的迷你圖一樣,帆軟可視化插件大賽之中有很多作品跳出了簡單的圖表範疇,其中一個就是滾動報表圖。在FineReport報表與BI商業智慧軟體中,傳統的決策報表塊是靜態的,列表不會滾動,數據必須一次性展現,在大屏中效果不夠酷炫,無法自動獲取最新的數據,除非編寫大量的js程式碼,對一般用戶來說就只能望洋興嘆。 該插件在大屏中的效果圖 3D全景地圖插件的作者Little帶來的第二彈插件作品即是滾動報表圖,此插件支援用圖表的形式展現報表,通過設置數據集,顯示成類似報表塊列表,支援用戶零程式碼獲取資料庫資料並配置自動更新時間,支援通過欄位名稱配置表頭,支援自定義顏色配置等多種豐富的配置項,幫助用戶製作炫酷的決策報表甚至大屏報表。 插件的使用同一般的圖表製作一樣十分簡單便捷,在普通報表中插入單元格元素、懸浮元素或者在決策報表中拖拽控制項都可以。這裡用設計器內置的GettingStarted.cpt示例模板中的數據為例,介紹一下滾動報表圖的使用方式。 1.安裝插件:在插件管理中找到滾動報表圖,可以線上下載試用。安裝完成重啟設計器,會在決策報表圖表控制項欄中增加一個滾動報表圖的圖標,像一般圖表一樣拖拽圖表到工作區內會添加一個滾動報表圖。 2.建立數據集:以示例db中的銷量表建立數據集。 3.選擇數據來源:滾動圖表數據選擇剛才建立的數據集。 4.調整列表樣式:簡單改一下字體和顏色就可以很好看。 5.支援自動重新整理:華東的孫陽原本柳橙汁的銷量是540,假設他賣出了更多的柳橙汁,我們在後台更新資料庫,即可發現列表中滾動的數據已經更新了。 會滾動的報表,人見人愛、花見花開、大屏見了酷翻天,上架半價優惠僅售1k RMB。 https://market.fanruan.com/plugin/654
不知不覺到了每年年終總結的時候啦,不知道大家每次面對季度分類、部門系列,各種銷售、人資數據組成的圖表會不會感到很麻煩呢。今天給大家介紹的是就是,FineReport報表與BI商業智慧軟體中最適合展示多維數據的條形餅圖組合圖插件(外掛程式plugin)。 條形圖和餅圖都是很常見的圖表類型,前者常用來展現數據的大小對比,後者擅長於描述部分與整體的關係。條形圖在展示多系列多分類數據的時候,往往會變得複雜而難以讓人理解,條形之間的佔比關係不明確,而此時的餅圖就能很好的彌補劣勢; 當前的帆軟報表中多種圖表類型的組合圖配置比較麻煩,決策報表中的組件重疊功能尚待完善,有時候還不得不多次重複配置圖表的樣式。開發者小火柴作為最早提交插件的開發者,其開發的效率和質量得到了帆軟產品團隊的認可,條形餅圖組合圖的任務就落到了他的身上。 安裝條形餅圖插件後將會新增一個圖表類型,您可以在普通報表中添加圖表時看到,或者在決策報表工具條的圖表部分看到新的圖標。支援在樣式面板中設定顯示餅圖或南丁格爾玫瑰圖,效果更多元。插件需要一個三層的數據結構,底層數據通過時間軸來切換,中間層數據作為x軸,頂層數據既是條形圖的系列,也是餅圖的系列。並且可以根據用戶的配置自動輪播。可以在一定場景下,代替原本的圖表聯動功能,老闆再也不用擔心我不會製作圖表聯動和鑽取啦。 另外在FineReport報表BI軟體中製作決策報表或者作戰大屏的時候,使用本插件不僅效果酷炫,更能支援自動播放,動畫播放流暢,方便無人值守展示。 插件現在因為剛上架,有6折優惠,千萬不要錯過哦:https://market.fanruan.com/plugin/649。
今天給大家介紹的新3D插件(外掛程式plugin)是3D散點圖,插件上架之前,我們預先發給開發者體驗了一下插件的功能,然後就被「玩壞了「,下面是大神的炫技時刻,就是用這個3D散點圖插件實現的哦。 好了,言歸正傳,3D散點圖也叫 X-Y-Z圖,它將所有的數據以點的形式展現在三維坐標繫上,以顯示變數之間的相互影響程度,點的位置由變數的數值決定。通過觀察散點圖上數據點的分布情況,我們可以推斷出變數間的相關性。 如果變數之間不存在相互關係,那麼在散點圖上就會表現為隨機分布的離散的點,如果存在某種相關性,那麼大部分的數據點就會相對密集並以某種趨勢呈現。對於那些變數之間存在密切關係,但是這些關係又不像數學公式和物理公式那樣能夠精確表達的,散點圖是一種很好的數據分析工具。 例如相對於三維散點圖來說,普通的平面氣泡圖只能體現兩種維度,需要通過氣泡的大小來展示數據,無法反映數據之間的連續關係。 傳統的氣泡圖 傳統的散布矩陣也可以用三維散點來展現 使用三維散點圖代替平面氣泡圖和散布矩陣 HighChart是全球知名的商用圖表庫,功能全面豐富,同時也是本次可視化插件大賽,帆軟外部圖表庫的合作方,開發者9410基於HighChart製作了這個3D散點圖插件,並支持HighChart對接帆軟FR的插件客製化。 現在購買3D散點圖可以免費獲得基於該插件的HighChart庫的商用授權(價值近萬元人民幣),插件本身還享6折優惠哦,千萬不要錯過! https://market.fanruan.com/plugin/653
在過去很長的一段時間裡,傳統報表通常只能由單純的數據和注釋性的文字構成,在數據可視化科學研究和現代計算機圖形學不斷發展的基礎上,誕生了豐富多彩的圖表,這也是FineReport報表與BI商業智慧軟體擅長展示和處理的部分,但通常這些圖表和數據是相互獨立的,圖表不能很好地鑲嵌在表格中與數據之間產生交互,為了解決這個問題,excel有個很好的辦法叫做迷你圖。 迷你圖又稱為Sparklines趨勢線,它通常以折線圖為基礎,大小與文本相仿,往往直接嵌入在文本或表格中。由於尺寸限制,趨勢圖無法表達太多的細節信息,常用於商業數據表達,如股票走勢、市場行情等。 原本FineReport報表BI工具中實現迷你圖是需要由普通圖表簡化而來的,通過添加圖表在儲存格中,然後省卻一些默認的配置項,例如圖例、坐標軸、tooltip等等,模擬迷你圖的樣式,我們認為不能很好的表達迷你圖與數據的聯繫,而且圖表製作功能繁雜, 配置起來十分耗時。 原本的可視化課題所基於的開放介面主要是類似傳統圖表的,使用js在介面傳遞的dom中繪製圖形。開發者onlyxx敢於創新,挑戰了基於儲存格形態的全新介面,並且很好的完成了任務。 全新的迷你圖插件大幅簡化了繪製儲存格圖形的步驟,用戶僅僅需要通過改變儲存格的形態,就能輕鬆將一組數據轉化成迷你圖。 迷你圖插件支援三種形態,分別是條形圖(支援包含負數的盈虧圖)、折線圖、面積圖。並且支援用戶設定坐標軸、統一配色、調整背景,在面板中直接預覽最終效果。所以雖然用戶的報表在設計器主界面中看起來跟傳統報表一樣平平無奇,但是預覽之後就會變得十分生動。 迷你圖插件上架6折優惠,僅需2000元人民幣,支援免費下載體驗。https://market.fanruan.com/plugin/650
為期四個月的可視化插件(外挂程式plug-in)開發大賽終於落下帷幕,讓大家心動的各種3D、2D圖表插件(近40款酷炫的可視化插件)經過測試之後也會陸續上架帆軟市場(應用中心),今天給大家帶來開場秀的是3D全景地圖插件。 3D全景地圖插件這個課題的提出是帆軟多年地理空間數據可視化的積累和繼承,也是FineReport9.0開放、共享理念的成果之一。 地理空間通常特指真實的人類生活空間,地理空間數據描述了一個對象在空間中的位置。在行動網路時代,行動設備和感測器的廣泛使用使得每時每刻都產生著海量的地理空間數據。人們也不再滿足於簡單而傳統的平面地圖展示,轉而需求多維多元的視覺表達方式,尤其是在數據大屏展示這樣的場景下。 開發者Little_U_U非常好的完成了這個課題。插件使用Echart-GL開源庫和MapBox,與地圖結合,基於真實地圖和基本建築數據構造都市圈級別的宏大場景,適用於政府部門、連鎖企業、LBS提供商等對真實經緯度和展現區域範圍敏感的用戶。插件的底層是WebGL(Web Graphic Library),它是一個 JavaScript API,用於在任何兼容的 Web 瀏覽器中渲染 3D 圖形。WebGL 程序由用 JavaScript 編寫的控制代碼和用 OpenGL 著色語言(GLSL)編寫的著色器代碼構成,這種語言類似於 C 或 C++,可在 GPU 上執行。 3D全景地圖插件把時間和空間帶進了帆軟。從時間上看,插件支持將日期作為維度,把點的運動軌跡動態呈現在地圖上,並且支持多種軌跡分類;從空間上看,插件使得城市建築脫離平面,立體出來,提供與滑鼠之間的交互。不僅如此,客製化後的插件還支援實時刷新數據,在地圖上顯示多種標記點,左鍵拖動地圖,按住滑鼠右鍵行動可以轉換視角。 通過與包括3D引擎提供商、三維特效視覺設計公司在內的上下游企業的合作,帆軟可以快速建模和採集城市地圖建築數據,通過帆軟FineReport報表與BI商業智慧產品獨特的插件模式,使得用戶可以在當前部署的報表BI平台中直接添加3D全景地圖的圖表模塊,與現有的企事業數據相結合,支持在設計器中設定展現方式,不會污染現有的業務,且最大程度上滿足用戶的個性化需求。 現在您可以訪問帆軟市場(應用中心)立即免費獲取3D全景地圖插件,插件版本兼容8.0和9.0,演示插件無需配置數據可直接預覽,支持定製3D場景的地點數據以及數據展示的相關樣式,快來下載體驗吧:https://market.fanruan.com/plugin/648