網站Cookies的使用

我們與第三方合作,在我們的網站上放置cookies。 這些Cookies有助於提供使用者客製化內容、投放廣告和分析網站流量。以進而提供您更好的網頁瀏覽體驗。藉由點選“同意”或繼續瀏覽網頁的方式,您同意我們使用網站Cookies。之後,您仍可以管理是否要繼續使用網站與第三方合作的Cookies。

詳細資訊
資料視覺化工具 EP6.拆解圖形與資料的『分佈+占比』關係(下)

資料視覺化工具 EP6. 拆解圖形與資料的『分佈+占比』關係(下)

EP4.拆解圖形與資料的『分佈+占比』關係(上)

系列文 | Jones 2019-10-15

前言


上一篇介紹 《EP5. 拆解圖形與資料的『分佈+占比』關係(上)》此篇延續『分佈+占比』的資料關係往下介紹,相關視覺化元件。



「分佈+占比」資料

常用的圖表:




  1. 堆疊直條圖(視覺化控制項>Chart):
  2. 適合將數量上的變化趨勢以「堆疊」的方式呈現,堆疊直條圖呈現各項目的總累積數值分佈與占比,想要看詳細的數值,滑鼠移過去可以顯示詳細的數值(如下圖所示)各項目可以進行自行設定想要呈現顏色,對於企業中可針對不同項目設定固定顏色定義時,能快速設定。

    >堆疊直條圖(視覺化控制項>Chart):

    使用時機:

    堆疊直條圖呈現各項目的總累積數值。




  3. 100%堆疊直條圖(視覺化控制項>Chart):
  4. 將數量上的變化趨勢換算成總類別合為100%的分佈占比,100%堆疊直條圖適合用來分佈相同項目的比例, 使用者想要更詳細的數值,透過勾選套用資料列表顯示模式,就能直接顯示詳細數值,方便使用者比較。

    100%堆疊直條圖(視覺化控制項>Chart)

    使用時機:

    100%堆疊直條圖適合用來比較相同項目的分佈比例。




  5. 堆疊區域圖(視覺化控制項>Chart):
  6. 以山形的推移變化來分佈數個資料,堆疊區域圖呈現隨著時間推移各項目的總累積狀況比例,因為區域圖資料常會有重疊的情形產生,所以區域圖圖形會多一種透明度模式,如需使用可以快速套用,讓各類別區域圖顯示在畫面上顯示,方便比較各項目總累積狀況,也可以設定直接顯示數值看個數值的佔比。

    堆疊區域圖(視覺化控制項>Chart)

    使用時機:

    堆疊區域圖呈現各項目的總累積狀況分佈。




  7. 100% 堆疊區域圖(視覺化控制項>Chart) :
  8. 在 100% 的總和下分佈數個資料相對數值,若要使用區域圖,就必須明確的定出何者為分佈的主體,百分比推疊區域圖適合用來比較相同項目的占比比例。

    100% 堆疊區域圖(視覺化控制項>Chart)

    使用時機:

    百分比堆疊區域圖適合用來比較相同項目的比例。




  9. 圓餅圖(視覺化控制項>Chart):
  10. 圓餅圖適合將數個資料作簡單的相對百分比比較。若將圓餅的面積表示為100%,則只需將數值加以圖表化,就可明確的表示出各項目全體中所佔的份量及比率。

    100% 堆疊區域圖(視覺化控制項>Chart)

    使用時機:

    圓餅圖適合項目較少的資料呈現百分佔比 建議最大區塊大於25% 。




  11. 環狀圓餅圖(視覺化控制項>Chart):
  12. 以形狀看來,將圓餅圖的中央部分除去,呈現甜甜圈形狀的即為環狀圖。另一個優點,就是相較於圓形圖,比較好看!

    環狀圓餅圖(視覺化控制項>Chart)

    使用時機:

    環狀圓餅圖適合項目較少的資料呈現百分佔比 建議最大區塊大於25%

下一篇,將會為各位介紹,拆解圖形與資料關係的『時間推移』視覺化元件,敬請期待!透過 Smart eVision 商業智慧BI工具能協助您快速完成設計,使用者也可以輕鬆理解資料,讓資料視覺化可以輕鬆完成。

如果想要看實際頁面呈現效果,可以點選➽範例展示進行觀看,加入聯銓會員,我們不定時還會寄送聯銓相關資訊給您!


此篇分類於:#SmarteVision #資料視覺化 #資料視覺化元件 #資料視覺工具 #資訊圖表 #分佈+占比 #堆疊直條圖 #100%堆疊直條圖 #堆疊區域圖 #100%堆疊區域圖 #圓餅圖 #環狀圓狀圖


更多Smart eVision學習資訊

我們的官方網站

我們的臉書粉絲團

我們的官方YouTube頻道