在FineReport決策報表中使用圖片需要應用程式的幫助，普通的圖片控制項設計器插件只能顯示單張圖片，已然無法滿足用戶的展示需求。 今天資料視覺化開發大賽的開發者行舟給大家帶來了圖片控制項的升級版，圖片輪播控制項。類似圖表輪播，圖片輪播控制項支持同時展現多張圖片，並且可以對展示動畫的播放效果進行配置，是不是很像咱們帆軟論壇首頁的輪播圖呢? 不僅如此，圖片輪播控制項同這次資料視覺化開發大賽的其他應用程式一樣，在突破了傳統二維切換的動畫模式，支持圖片的3D切換，並且支援定製不同的更炫酷的切換效果。 同天氣控制項一樣，圖片輪播控制項需要在決策報表或參數欄中使用，通過拖拽加入工作區，支援豐富的配置項。 只顯示一張圖片時，與圖片控制項設計器插件效果一樣哦，一次購買兩種功能，免費下載體驗吧！https://market.fanruan.com/plugin/674

資料視覺化開發大賽又有新成果！今天為大家介紹的是詞云。 詞雲，又稱文字雲，是文本資料視覺化的表示，由辭彙組成類似雲的彩色圖形，用於展示大量文本數據。通常用於描述網站上的關鍵字元數據（標籤），或可視化自由格式文本。 每個詞的重要性以字體大小或顏色顯示。 詞雲的作用： 快速感知最突出的文字 快速定位按字母順序排列的文字中相對突出的部分 詞雲的本質是點圖，是在相應坐標點繪製具有特定樣式的文字的結果。 帆軟報表內置的平面詞雲圖 開發者製作的3D詞雲圖 製作美觀的詞雲圖通常需要大量的數據條數，以及不同欄位之前顯著的數據量大小的差異。開發者段靜亮從維度上讓其更進一步，3D詞雲應用程式通過與內置詞雲圖相同的配置方式，支撐了更深層次的詞雲效果。本應用程式支援自定義圖表樣式配置，包括背景顏色、詞雲顏色、圖例、3D動態旋轉方向及3D動態屬性等配置功能。 應用程式上架半價優惠，快來體驗吧！https://market.fanruan.com/plugin/671

在桑基圖愛好者的社區網站上寫著這樣一句話：「A Sankey diagram says more than 1000 pie charts」，意思是一張桑基圖比一千張餅圖描述的東西更豐富，足見桑基圖對於複雜數據的視覺化表現力，以及功能、使用場景與餅圖的部分重合。很多朋友初次看見桑基圖都會被他複雜的表象所迷惑，但事實上，桑基圖幾乎是本輪發布的視覺化圖表外掛程式中最容易配置的一個圖表類型了。 看似複雜的桑基圖其實使用起來非常簡單高效 桑基圖 (Sankey Diagram)，是一種特定類型的流圖，用於描述一組值到另一組值的流向。1898年愛爾蘭人Matthew Henry Phineas Riall Sankey 在土木工程師學會會報紀要的一篇關於蒸汽機能源效率的文章中首次推出了第一個能量流動圖，此後便以其名字命名為 Sankey 圖，中文音譯為桑基圖。 場景示意：桑基圖中常見的能量流動圖 圖中延伸的分支的寬度對應數據流量的大小。桑基圖的特點如下： 1.起始流量和結束流量相同，所有主支寬度的總和與所有分出去的分支寬度總和相等，保持能量的平衡； 2.在內部，不同的線條代表了不同的流量分流情況，它的寬度成比例地顯示此分支佔有的流量； 3.節點不同的寬度代表了特定狀態下的流量大小。 桑基圖通常應用於能源、材料成分、金融等資料視覺化分析。 場景示意：2013年全球黃金市場供需圖 桑基圖由流量、節點、邊構成，適合節點數據集（可選），邊數據集。數據權重映射到節點和邊的寬度。桑基圖需要保持能量守恆，不能在中間過程創造出流量，流失（損耗）的流量應流向表示損耗的節點。 桑基圖插件在FineReport報表大屏中的效果展示： 描述投資基金的時間、領域流向 桑基圖插件單獨實現的災害告警圖： 現在可以免費下載試用桑基圖，上架優惠期間支援免費客製化哦！https://market.fanruan.com/plugin/667

之前在帆软論壇中給大家深情分享插件開發心得的 onlyxx 同學的第二個資料視覺化圖表外掛程式上架了：數據碰撞圖！這個資料視覺化課題的靈感來自於谷歌開發的數據對比gif特效。一般支援兩個數值之間的對比，通過百分比的形式展現兩個數據，並且當其具體的數值發生變化時，可以產生獨特的放大縮小的漸變動畫效果，生動形象地吸引使用者的注意。而傳統的條形圖數據展示都是靜態的圖表。 數據碰撞圖插件，可以通過簡單的配置，顯示兩組數據間的比例，並且當數據源更新時會自動更新。 使用場景——市佔率的顯示 數據僅供參考，不代表帆軟立場 使用場景——不同部門之間的業績比較 數據碰撞圖支援多種內置動畫效果，可以聯繫帆軟技術支援工程師或銷售獲取更多的客製化樣式，支援顏色，動畫，間隔時間，字體字型大小，顯示百分比，字體間距，文字顏色的定義。 立即免費下載數據碰撞圖來讓安靜的圖表數據活起來。試用期長達三個月哦！https://market.fanruan.com/plugin/651

之前開發了天氣外掛程式的女參賽者龍銀，今天給大家帶來的新的資料視覺化圖表是象形柱圖。在一般的商業報表中，柱形圖的使用場景十分廣泛，可以說是最為常見的一種圖表類型，但是單調的柱形圖不能在所有的場景下都生動形象地表達數據。象形柱圖是柱形圖的擴展，它既可以用圖形的長寬變形表現數據，也可以用圖形的個數、甚至是圖形的顏色、透明度變化表現數據以及展現數據內在的含義。 開發者使用某著名的開源商業圖表庫，並做出突破，在插件中內置了多種可商用的小圖標，幫助用戶快速實現效果。 安裝插件後將會新增一個圖表類型，您可以在普通報表中添加圖表時看到，或者在決策報表工具條的圖表部分看到新的圖標。可以在「基礎設定」中設定標題、背景、柱圖標籤等配置。可以在「XY軸設置」中設置xy軸相關配置，達到高度自定義顯示。可以在「設定圖片」中配置柱圖圖形，可以為圖片格式(jpg, jpeg, gif, png)及矢量圖SVG等格式圖片，可選擇內置SVG矢量圖或者用戶自己上傳圖片。可以多種效果圖形複合使用，達到高度配置化及形象化的效果。 除此之外，象形柱圖還可以用同一圖形的個數表現數值，實現類似下圖中的效果。因而象形柱圖可以很大程度上滿足資訊圖表的製圖需求。 公司徒步健身計劃 其他在資料圖表中的活用，例如為了簡明表示各個「柱」所指示的內容，將其和標籤一起使用。也有直接使用象形圖的累加來表示「柱」本身的情況。對於被要求在限定的圖形空間中簡明地傳遞資料的資訊圖表來說，使用活躍於公共場合的象形圖可以說是理所當然的。 象形柱圖支援免費下載與插件定製，商用授權僅需1000元人民幣，快來體驗吧！https://market.fanruan.com/plugin/670

最近千戶大神的上架作品比較多，今天應咱們帆軟VIP共創客戶的要求提前發布了開發者千戶的這款資料視覺化的軌跡圖插件，通過封裝前端開源庫在地圖上根據經緯度畫出連續的線條，表示點的運動軌跡，並且在軌跡上顯示不同的tooltip提示，賦予線條不同的含義。 （不同軌跡支援不同顏色將在插件的下個版本上線） 除了一般圖表外掛程式之外，軌跡圖插件支援對經緯度點數據動畫的各種配置，包括運動軌跡的速率、顏色、拖尾、順序等等。帆軟finereport報表軟體使用者配置好軌跡圖插件後，可在報表或大屏中同時管理並追蹤數千萬終端設備的軌跡，適用於物流車隊管理、互聯網創業公司共享出行大屏、外勤人員管理、報表監控系統、運用智慧穿戴設備的健康物聯網等資料視覺化管理領域。 資料視覺化軌跡圖使用場景之一的視覺化交通路線圖 免費下載試用三個月，插件功能不斷豐富中，https://market.fanruan.com/plugin/668

現在，各位深受頸椎病之苦的朋友們抬起頭來，把視野從面前的屏幕轉向雲層之外，想像一下從太空中俯瞰我們的世界，以及人類社會中的形形色色各式各樣的數據，展示這樣的資料會是怎樣的一種場景。想像一下把之前發佈的全景地圖外掛程式延展成整個世界，再在三維的空間中彎曲成球。如果這樣還不夠的話，那就把時間也加上去。 現在，把思緒收回，在帆軟市場或者設計器、平台內的插件管理中下載安裝3D地球插件，讓我們一起把夢幻變成現實。3D地球插件由之前給我們帶來炫酷3D卡片動畫的千戶同學製作開發，使用了大量的社區開源庫，在保證性能的前提下，增加了複雜的動畫效果和交互操作。通過封裝各種社區預製的設計風格，造就了帆軟市場上架插件中資源檔案體積最為龐大（11MB），內置功能極為豐富的非官方插件。 該插件提供流量圖和標記圖兩種模式，流量圖支援顯示數據流向，需要配置數據的起止位置以及數據量的大小；標記圖用來標註區域數據，需要傳入經緯度數據。插件支援詳細的樣式配置選項，並且依舊超額實現了特效配置面板。用戶可以設定球體自動旋轉及旋轉速度，甚至是球體本身的形態。如果內置的方案仍不滿足您的想像，快來聯繫帆軟銷售或技術支援工程師客製化開發吧，提供設計素材的話免費定製哦。 立體地球是非常好的跨區域的基於地理資料的資料視覺化載體。相對於平面地圖，3D地球更加生動，表現力也更強。3D地球插件支援基於數量和位置的點標註以及以兩個位置和時間為維度的流向地圖，實現了Web環境下的三維展示與空間資料管理，也能夠基於報表平台進行資料發佈、數據共享、交流協作，並且完全基於 B/S 模式，與決策大屏無縫連接。在國土資源、跨國交通和跨境貿易等方面有著廣泛的應用。 3D地球使用指南-http://help.finereport.com/doc-view-2292.html免費三個月試用機會，前三名客戶免定製費（非功能性定製），快來下載吧！https://market.fanruan.com/plugin/675

不知不覺，冬天已至，穿著厚厚衣服坐在電腦前的你，想不想給冷冰冰的報表增加些許溫暖呢？作為上架插件開發者中唯一的女參賽者龍銀，帶給大家的是暖心的天氣控制項插件，可以幫助你快速在決策報表中添加當前城市或者指定城市的天氣和氣溫狀況。 開源社區中提供的天氣介面，雖然有很多，但是要不就是收費要不就是不夠穩定，介面資料不夠豐富，不能滿足個性化的大屏和報表場景。並且帆軟報表的製作用戶當中，很多都是資料庫相關的運維人員，使用js在前端獲取天氣資料非常麻煩。所以在本次的資料視覺化插件大賽中，開發者也創新地推出了一款「天氣視覺化」的插件。 天氣控制項支援三種內置樣式，可以聯繫帆軟技術支援工程師或銷售獲取更多的客製化形態，支持根據ip獲取所在位置，或者指定顯示天氣的城市。支援配置雙重背景顏色和氣溫、描述字樣的文本樣式，支持顯示直角和圓角。 立即免費下載天氣控制項，讓冷冰冰的數據分析報表多一些溫度。試用期長達三個月哦！ https://market.fanruan.com/plugin/666

又到了一年一度 「舉頭望明月，低頭做報表」 的時候，想必企業中財務核算等相關部門的朋友們正沉迷於年度財務分析報告和經營分析報告中而無法自拔，忙得不可開交吧！相較於傳統密密麻麻的表格彙報形式，圖表卻能夠將數據真正直接視覺化，更加直觀地呈現業務狀況。實現企業財務分析、經營分析圖文並茂，也就是常說的「一圖勝千言」。但是如果圖表類型選擇不恰當，不但起不到「一圖勝千言」的目的，還會讓人不知所云。 為了幫助數據分析新人避免出現上述情形，給老闆交上一份2017的年度年終報表的滿意答卷。本文就從數據合計分析、發展趨勢分析、數據對比分析、組成結構分析、達成進度分析、影響因素分析這六大方面給大家進行詳細的剖析講解，希望能夠為你最終給部門主管或企業決策者最後精美呈現的年度數據分析報表提供一些幫助！ 一、數據合計分析 數據總計分析通常用於統計企業發展的領導最為關心的關鍵核心指標，例如企業的年度營業收入、年度消耗成本、年度凈利潤此類的決策者往往最直接想知道的企業數據指標。 如下圖所示，我們通過儀表板組件統計出企業的年度營收總額、年度消耗成本、以及凈利潤這三個核心指標，同時將儀表板的區間最大值設置為營收總額2.78億，開啟顯示百分比功能，如此，消耗成本佔比以及利潤率這兩個指標也迎面而至了。通過儀表板的資料視覺化功能，將領導和決策者最為關心的企業核心指標直接呈現出來，年度營收狀況一目了然。 二、發展趨勢分析 發展趨勢分析通常用於直觀比較企業某一連續區間內的財務經營數據或財務比率走勢，用於了解企業財務狀況或者經營狀況隨著時間推移所呈現出來的趨勢。一方面可以分析數據增減變化是否存在異常，用於發現企業可能存在的問題；另一方面還可以幫助企業預測未來的狀況，判斷企業的發展前景。 此類直接呈現企業發展趨勢的視覺化圖表，一般可使用折線圖進行分析統計，用橫軸表示時間（年、月、日），縱軸表示如營業收入、成本支出、利潤率等指標再合適不過了。如下圖所示，左值軸統計出每年營業收入和成本支出的走勢，右值軸統計出每年的利潤率走勢情況。 三、數據對比分析 數據與數據之間通常有比較才能鑒別，在企業的財務數據分析中也是如此。企業財務指標體系中的各種指標，通過某項指標與性質相同的指標評價標準進行對比，揭示企業財務狀況、經營情況和現金流量情況。一般來說，對比分析的參照標準有如下四個方面： 1.時間比較：與上期、去年同期實際數據進行比較 2.實體比較：與同行業先進企業或同業其他企業數據進行比較 3.口徑比較：與計劃或預算數據線相比較 4.結構比較：在構成分析的基礎上比較兩個數據的構成，分析財務指標的變化 我們再做對比分析時，比較數據的大小，通常推薦使用柱狀圖、條形圖，當進行數據結構比較時通常推薦使用累積柱形圖、累積條形圖進行數據對比分析。除此之外，還可以根據分析的具體情況使用其他圖表，比如通過折線圖的高低連線來表現幾個公司的庫存最高最低和庫存的對比，還可以使用雷達圖（適用於快速對比定位短板指標）來對比公司的財務指標分類統計情況。 四、組成結構分析 組成結構分析方法通常可用於對象中各項目組成元素進行數據分析，例如各產品的銷售組成分析、流動資產組成分析、各部門管理費用組成分析。表示數據結構組成，圖表方面通常可使用餅圖、圓環圖和百分比堆積條形圖、百分比堆積柱狀圖進行元素組成分析；元素組成表示數值大小，通常可以使用堆積條形圖、堆積柱狀圖等。 除此之外，對於既需要分析組成結構，又需要分析數據的層次結構時，多層餅圖無疑是最佳的選擇。如下圖所示，通過多層餅圖輕鬆統計出每個季度的銷售收入分布，同時對應每個季度下的月份銷售收入也通過季度層級統計出來了，而右側則通過堆積柱狀圖統計出每種銷售商品對應的大區業績。 五、達成進度分析 在財務分析中經常需要展現某項指標或者某項任務的達成進度，比如部門業績完成情況、申報費用進度等。為了更加直觀地展示各項指標和任務的進度，我們一般可以通過堆積柱形圖、堆積條形圖、甘特圖來展示數據進展情況。 六、影響因素分析 對於分析財務數據時，數據的影響因素主要有兩種不同的指代含義： 1.因素分析法，比如影響銷售收入的價差、量差； 2.某一指標到另一指標的各種累積影響； 類似分析此類多渠道影響因素數據時，瀑布圖無疑是最佳的選擇，能夠快速將數據進行差異化統計，同時對數據進行累積統計。 以上是我們在做數據分析時常用的六種數據分析思路以及對應適合的資料視覺化圖表，可供大家數據分析統計時參考使用。除此之外，對於同一圖表類型不同層級口徑的統計方式也會影響數據圖表所表達的業務含義。如下圖所示，都是統計付款類型和合同類型的數量對比，但不同點在於左側的圖表側重於表達同一付款類型的合同類型數量對比，而右側的圖表側重於表達同一合同類型的付款類型數量對比。 地圖分析 最後再給大家介紹一下地圖相關的數據分析統計方法。對於大企業來說，往往除了總部之外還可能在各地都有分公司。對於這樣的大型企業來說，運用地圖進行基於地理位置的數據分析統計再合適不過了。 1.流向地圖常用來視覺化源匯流數據，源地和匯地可以是點，也可以是面。源地和匯地之間的互動數據，常用連接空間單元幾何重心之間的線段來表達，線的寬度或顏色來表示源地和匯地之間的流向數值。每個空間位置可以是源地，也可以是匯地。 流向地圖多應用於區際貿易、交通流向、人口遷移、購物消費行為、通資料流動、航空線路等場景，具體示例如下： 2.熱力地圖通過地理位置資料結合顏色渲染模式，如下圖所示，可進行地理範圍內各個點的權重情況統計分析。

文|帆軟論壇互助團隊番薯老易（帆軟粉絲） 引言 柱形圖用於顯示一段時間內的數據變化或顯示各項之間的比較情況，柱形圖也就是條形統計圖，類似的圖形表達為直方圖，與此相似的還有扇形統計圖和折線統計圖。文章主講柱形圖。 一、需求簡介 在項目需求調研中我們發現大部分的柱形圖的表現方式比較單一，方方正正好像並不能很好的表現出數據的增長情況，資料視覺化衝擊度不夠明顯。當然這其中有些值得借鑒如圖片方式填充的案例： 圖一 圖二 圖一分析可以看到圖片素材要求嚴格，交互放大後效果會出現圖片平鋪效果不友好。圖二的問題在於看起來主次不是很分明。那麼有沒有一種介於二者之間的處理方案呢？答案是可以，只要你能擅用finereport報表實現你要的圖表或數據並不難。我們這次來製作的就是一個主次明確、增長趨勢明顯的柱形圖提供給大家在後續項目中進行參考。圖表製作完成的效果圖如下： 圖三 通過模板學習你還可以做出排名的高低，理論與本例相通。 二、項目分析 首先我們要對製作的圖表做出詳細分析才能通過數據分析軟體製作出來。 1)圖表分析 我們來分析一下這個圖可以看到它是一個類似箭頭的方式填充的，如果我們直接把這個圖片填充進去是不是就可以了呢？答案是不可以，問題在於一旦我們確定了這個圖片的尺寸後數據超過定義好的圖片尺寸後會出現平鋪效果，如果低於數據擇無法顯示全圖片。那麼我們再來看看圖片有哪些共同點，首先顏色是一致的，沒有漸變底紋，其次注意箭頭的高度是一致的，通過這兩點我們來拆分一下柱形圖，將數據分成上部分（三角形）和下部分（長方形），上方以圖片方式填充，下部分以顏色填充。 2)素材準備 圖片準備：因為三角形系統中是不支援直接顏色填入的，所以我們要製作好6張比例相同的圖片。 數據準備：任何圖表沒有數據是不可能完成的所以我們要準備好需要的數據。 圖四 圖五 這裡真實數據是圖四中的國家和數量，想必有人會問那輔助是用來幹嘛的，輔助是用來做三角填充標記要用到的區間。所以我將其定義為統一的數值，圖五則是加工後的數據。數量+輔助=真實值這樣才能保證三角的頂點指向真實Y軸數據，如果不處理直接堆積會比真實數據要大。 三、開發實施 我們首先來看，這是一個堆積柱形圖，如果直接使用會有什麼問題呢？答案在標籤上，我們看到圖三中的標籤是真實數據，那麼堆積柱形圖使用的是圖五的數據，這樣標籤的數據是不正確的即使正確我們還面臨一個標籤位置的問題。所以我們不妨採用堆積柱形圖-折線圖，堆積圖用來展示圖像，折線圖用來標記數據。 清晰以上邏輯後就是基礎的製作了柱形圖，選擇圖五的數據源，折線圖選擇圖四的數據源如下： 圖六 圖七 接下來就是如何將圖片和系列名對應填充，這時候就要用到條件顯示。首先我們來完成中國的填充，添加條件屬性填充輔助部分的三角形如圖： 圖八 圖九 其他系列填充與其相似更改名稱即可，這裡不再贅述。 不知道大家發現沒有圖三的分類名是豎排顯示的並不是我們通常所採用的展示方式，這裡用到自定義標籤顯示內容配置如下： 圖十 程式碼： function(){ var str = this.category; var html = str.split(”).join(‘ ‘); html = ‘ ‘+ html+’ ‘; return html; } 剩餘部分的調整分為取消交互屬性，折線圖的標籤選擇值，折線圖的提示顏色配置等到這裡我們就完成了要製作的圖表。 總結 通過本例的介紹相信大家對圖中的實現方式已經有了很清晰的認識，接下來大家可以根據自己的項目需求來更改圖形製作出自己想要的效果，如本例可拓展成排名圖，我們在每個系列上面加一個排名徽標將能讓數據更加明顯。數據分析，資料視覺化展現是一個漫長的學習過程，不過在這個過程中我們將會不斷成長助力企業和自身發展，未來屬於努力的番薯加油！ 文章來自帆軟論壇，相關資料下載請至：http://bbs.fanruan.com/thread-100127-1-1.html