網站Cookies的使用

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

詳細資訊
資料視覺化 EP7.拆解圖形與資料的『時間推移』關係(上)

資料視覺化工具 EP7. 拆解圖形與資料的『時間推移』關係(上)

EP7.拆解圖形與資料的『時間推移』關係(上)

系列文 | Jones 2019-10-22

前言


上一篇介紹 《EP6. 拆解圖形與資料的『分佈+占比』關係(下)》此篇以『時間推移』的資料關係介紹相關視覺化元件,假如你的資料是想要表示一段時間的變化關係,例如:企業中各個專案的時間排程、一年中各月份的銷售金額變化、不同的數值在一年中的成長趨勢、時間與數值間的變化…等,都可以利用以下的視覺化元件去呈現『時間推移』的資料來源。



『時間推移』資料常使用的圖表:




  1. 甘特圖 GanttChart (視覺化控制項>GanttChart) :
  2. 以條狀圖的類型來顯示專案、進度以及其他與時間相關的系統進展的內在關係隨著時間進展的情況。在專案管理中,甘特圖顯示專案的終端為開始和結束,管理者可透過甘特圖,監控專案當前各任務的進度。

    >甘特圖 GanttChart (視覺化控制項>GanttChart)

    使用時機:

    想要同時顯示多個不同的專案開始的時間與結束的時間,就可以利用甘特圖 (GanttChart) 視覺化元件呈現監控專案當前各任務的進度。




  3. 區域圖(視覺化控制項>chart>區域圖):
  4. 利用區域圖的區塊方式顯示數值範圍,X軸可以擺放時間欄位,Y軸可以擺放數值(例如:金額),套用區域圖視覺化元件就可以看出隨時間發展的金錢變化,每個數值的最高點可以直接秀出最高的數值,讓使用者可以馬上看出來。

    下圖為套用區域圖的子母視窗樣板,下面有一個橫條,使用者可以選擇想要顯示的範圍,例如:只想看到上半年的銷售金額,就可以將範圍圈選上半年的月份,上面區域圖的結果就只會秀出上半年的銷售區域圖,方便使用者只看想要的分析部份區間。

    區域圖(視覺化控制項>chart>區域圖)

    使用時機:

    想要了解數據隨著時間而變化的趨勢發展,例如,進行各個月份銷售分析,了解歷史銷售額表現進行分析。




  5. 堆疊區域圖(視覺化控制項>chart>區域圖>堆疊區域圖) :
  6. 堆疊區域圖跟區域圖很像,一樣X軸擺放時間欄位,但差別是Y軸想擺放多個項目,一次想要看多個項目時間的變化就可以使用堆疊區域圖。

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

    使用時機:

    堆疊區域圖是以平面方式顯示每一數值在時間或其他類別資料上的比重趨勢。




  7. 100% 堆疊區域圖(視覺化控制項>Chart>區域圖>100%推疊區域圖) :
  8. 100%堆疊區域圖適合用來比較相同項目的比例,假如想要讓使用者直接看出真實數值,可以直接套用資料列表顯示,就可以達到同時顯示圖與數值的呈現,方便使用者對照,如下圖。

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

    使用時機:

    百分比堆疊區域圖顯示每一數值在時間或其他類別資料上的比重百分比趨勢。




  9. 曲線圖(視覺化控制項>Chart>折線圖>曲線圖) :
  10. 曲線圖適合搭配一段時間內的連續資料呈現趨勢變化,不同的數值可以設定想要的顏色,使用者可以依照顏色看出各數值在一段時間的變化發展。

    曲線圖(視覺化控制項>Chart>折線圖>曲線圖) :

    使用時機:

    曲線圖適合搭配一段時間內的連續資料呈現趨勢變化。

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

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


此篇分類於:#SmarteVision #資料視覺化 #資料視覺化元件 #資料視覺工具 #資訊圖表 #時間推移 #甘特圖 #區域圖 #堆疊區域圖 #100%堆疊區域圖 #曲線圖


更多Smart eVision學習資訊

我們的官方網站

我們的臉書粉絲團

我們的官方YouTube頻道