2023,這些圖表組件,夠你用一整年了!

--

不少用戶在設計大屏時會遇到頻繁更換圖表類型卻始終不滿意的問題,實際上,大屏常用的圖表類型和普通報表或駕駛艙存在一定區別,大屏圖表的特點是:

業務邏輯更爲簡單:大屏的使用場景更偏向於展示或演示,因而圖表的邏輯更爲簡單,讓觀看者可以“一看就懂”

視覺效果需要重點考慮:公司對外展示或內部公示的大屏對視覺效果都有一定要求,因而在選擇圖表時也要講究圖表在大屏上的整體視覺效果

酷炫圖表使用更多:在普通報表中用不到的酷炫圖表,如3D效果、動效等在大屏上是很常見的,這些圖表對展示的硬件性能要求也更高

大屏常用圖表概覽

一般情況下,大屏按如下優先級選擇圖表類型:

柱形圖&條形圖>=餅圖&圓環圖>=折線圖&面積圖>儀表盤類>=地圖類>雷達圖>詞雲=漏斗圖>……

常用圖表對應場景

1、柱形圖&條形圖類

1)柱形圖:點擊下載

普通柱形圖用於體現有橫向對比關係的數據。

2)特殊形狀柱形圖:點此安裝擴展圖表獲取該圖表

若普通柱形圖的視覺效果不滿足大屏設計要求,可考慮有三維效果或三角、弧形效果的特殊形狀柱形圖。

3)條形圖:點擊下載

條形圖和柱形圖一樣易於形成對比關係,同時由於圖形縱向排列,更適合展示排名數據。

4)輪播條形圖:點此安裝擴展圖表獲取該圖表

輪播條形圖是普通條形圖的升級版,將系列名、數值、排名和百分比條形圖結合顯示,且有動態輪播的效果。

5)自定義形狀條形圖:點擊下載

自定義形狀條形圖用和圖表信息高度相關的圖標填充圖表系列,讓可視化效果更生動。

6)堆積柱形圖&條形圖:點擊下載 & 點擊下載

在展示多分類、多系列的數據時最常用的圖表類型,以直觀的柱形、條形效果展示更豐富的對比數據。

7)雙向條形圖(旋風圖):點擊下載

不僅在條形圖的從左到右方向上形成對比,兩方向的條形長度同樣形成對比,男女性數據對比是最常見的場景之一。

2、餅圖&環形圖

1)餅圖:點擊下載

餅圖用於展示數據佔比,可以一眼看出一組數據中不同類別數據的分佈狀況

2)環形圖:點擊下載

用法與餅圖相同,環形的半徑佔比可以調節,視覺效果更豐富。

3)輪播餅圖:點此安裝擴展圖表獲取該圖表

自動輪播餅圖(環形圖)的每一個系列,可以在環形中央或外部顯示維度名稱、數值或百分比,顯示更多信息的同時讓大屏效果更具動感。

4)多層餅圖:點擊下載

多層餅圖的最內層是最大的維度分類,往外不斷細分數據維度,相當於多個環形圖的嵌套效果。

3、指標卡&表格

1)指標卡:點擊下載

指標卡並不屬於圖表類型,但有一些關鍵指標數據需要用最直接的方式突出顯示時,指標卡是最合適的方式。使用report塊製作,在單元格中注入動態數據列數據,並以單元格背景圖的方式插入小圖標,一個簡單的指標卡就製作好了。

2)輪播指標卡:點擊安裝擴展圖表獲取該圖表

輪播指標卡可以輪播展示同類型不同維度的數據指標,同時富有動態效果,製作方法也較爲簡單,和普通圖表一樣直接配置數據即可。

3)列表&明細表:點擊下載 & 點擊下載

大屏上有些明細信息無法通過圖表和指標卡體現,必須要用到列表甚至明細表,那麼用report塊製作的表格是必備的元素。

4、儀表盤

1)環形儀表盤:點擊下載

儀表盤用於展示百分比形式的重要指標,如目標的完成率、利潤率等,儀表盤用圓環的色彩填充將百分比圖形化,結合指標名稱、指標值和百分比,緊湊且充分地展示該百分比指標的信息。

2)輪播儀表盤:點擊安裝擴展圖表獲取該圖表

若同類型的重要指標不止一個,可以使用輪播儀表盤,自動輪播每個維度的指標信息;輪播夜光儀表盤自帶的漸變色效果也使得大屏更富動感。

3)水球圖:點擊安裝擴展圖表獲取該圖表

水球圖是儀表盤的一種特殊形式,用一個透明球體和水波表示百分比,除了生動直觀外,其視覺效果也廣受青睞。

4)像素點圖:點擊安裝擴展圖表獲取該圖表

像素點圖也是儀表盤的一種特殊形式,用點亮的方形像素點數量表示百分比數據,也可以進行多維度數據的輪播。

5、地圖

1)點地圖:點擊下載

點地圖是通過區域名或定位經緯度,用散點來表示所在位置的數據指標。

2)流向地圖:點擊下載

流向地圖用於展示地點之間的物流運輸關係,在製造業、交通行業應用尤其多;FR圖表的流向地圖具有動態流線效果,樣式點還可以自定義圖標,讓地圖的可視化效果更突出。

3)區域地圖:點擊下載

區域地圖是按照國家、省市行政區劃分,用來展現地理信息,以及與地理位置有關的信息,指標的多少可以用顏色深淺區分。

4)輪播地圖

FR中的輪播地圖一共有兩種,都可以自動輪播展示多組地理數據,根據業務場景需要選取即可。

輪播gis點地圖:下載安裝擴展圖表獲取該圖表

輪播三維組合地圖:下載安裝擴展圖表獲取該圖表

5)場景地圖:下載安裝擴展圖表獲取該圖表

場景地圖可以自動或點擊按鈕手動輪播多場景數據,每個場景的地圖輪廓和數據樣式、內容可以不一樣。場景切換的同時還可以聯動周圍的組件,且場景地圖的背景酷炫,在展示大屏上廣爲使用。

6、目錄類

1)輪播目錄齒輪:下載安裝擴展圖表獲取該圖表
輪播目錄齒輪可以輪播多個維度的數據指標,目錄齒輪的形態容易形成視覺聚焦效果,適合做大屏首頁的目錄導航。

2)智慧樹圖:下載安裝擴展圖表獲取該圖表

智慧樹圖自動輪播每個氣泡中的指標名稱和指標值,使用場景與輪播目錄齒輪類似,也適合作爲大屏首頁的目錄導航。

7、雷達圖:點擊下載

雷達圖將多個維度的數據量映射到起始於同一個圓心的座標軸上,可直觀展示數據分佈的高低,檢查數據是否有異常,在一些監控性質的大屏場景中很實用。

8、漏斗圖:點擊下載

漏斗圖由多個梯形從上而下疊加而成,從上到下的項有邏輯上的順序關係,由於漏斗圖形象直觀且配色飽滿,在大屏上使用也較多。

9、詞雲圖:點擊下載

詞雲是文本數據的視覺化展示,以字體大小或顏色深淺表示每個詞的重要程度,可用於公司印象、客戶評價等信息的展示,在展示性質的大屏場景中很常見。

※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※

文章推薦

餅圖變形記,肝了3000字,收藏就是學會!

MySQL必須掌握4種語言!

太實用了!4種方法教你輕鬆製作互動式儀表板!

跟資料打交道的人都得會的這8種資料模型,滿足工作中95%的需求

妙呀!一行Python程式碼

關注數據君的臉書:

我是「數據分析那些事」。常年分享數據分析乾貨,不定期分享好用的職場技能工具。按贊我的臉書,會有豐富資料包贈送唷!

--

--

數據分析那些事
數據分析那些事

Written by 數據分析那些事

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

No responses yet