不少使用者在設計大屏時會遇到頻繁更換圖表類型卻始終不滿意的問題,實際上,大屏常用的圖表類型和普通報表或駕駛艙存在一定差別,大屏圖表的特點是:
- 業務邏輯更為簡單:大屏的使用場景更偏向于展示或示範,因而圖表的邏輯更為簡單,讓觀看者可以”一看就懂“;
- 視覺效果需要重點考慮:公司對外展示或内部公示的大屏對視覺效果都有一定要求,因而在選擇圖表時也要講究圖表在大屏上的整體視覺效果;
- 酷炫圖表使用更多:在普通報表中用不到的酷炫圖表,如3D效果、動效等在大屏上是很常見的,這些圖表對展示的硬體性能要求也更高。
1、大屏常用圖表概覽
一般情況下,大屏按如下優先級選擇圖表類型:
柱形圖&條形圖>=餅圖&圓環圖>=折線圖&面積圖>儀表盤類>=地圖類>雷達圖>詞雲=漏鬥圖>……
常用程度 | 圖表分類 | 細分類型或變體 | 推薦指數 |
一梯隊 | 柱形圖&條形圖 | 普通柱形圖 | ★★★★★ |
特殊形狀柱形圖 | ★★★ | ||
普通條形圖 | ★★★★ | ||
輪播條形圖 | ★★★ | ||
自定義形狀條形圖 | ★★★ | ||
堆積柱形圖; 堆積條形圖 | ★★★★ | ||
雙向條形圖(旋風圖) | ★★★ | ||
餅圖&環形圖 | 普通餅圖 | ★★★★★ | |
普通環形圖 | ★★★★★ | ||
輪播餅圖 | ★★★★ | ||
多層餅圖 | ★★★ | ||
折線圖&面積圖 | 普通折線圖 | ★★★★★ | |
普通面積圖 | ★★★★★ | ||
柱形折線組合圖 | ★★★★★ | ||
名額卡&表格 | 普通名額卡(通過報表塊制作) | ★★★★★ | |
輪播名額卡; 粒子計數器 | ★★★★ | ||
普通表格(通過報表塊制作) | ★★★★★ | ||
二梯隊 | 儀表盤 | 環形儀表盤 | ★★★★★ |
輪播儀表盤 | ★★★★ | ||
水球圖 | ★★★★ | ||
像素點圖 | ★★★ | ||
地圖 | 點地圖 | ★★★★ | |
流向地圖 | ★★★★ | ||
區域地圖 | ★★★★★ | ||
輪播gis點地圖; 輪播三維組合地圖 | ★★★★★ | ||
場景地圖 | ★★★★★ | ||
目錄類 | 輪播目錄齒輪 | ★★★★ | |
智慧樹圖 | ★★★★ | ||
三梯隊 | 雷達圖 | —— | ★★★ |
漏鬥圖 | —— | ★★★ | |
詞雲圖 | —— | ★★★ |
2、常用圖表對應場景
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、詞雲圖:
詞雲是文本資料的視覺化展示,以字型大小或顔色深淺表示每個詞的重要程度,可用于公司印象、客戶評價等資訊的展示,在展示性質的大屏場景中很常見。