網站Cookies的使用

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

詳細資訊
企業推薦資料視覺化工具|資料視覺化 EP8.拆解圖形與資料的『時間推移』關係(下)

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

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

系列文 | Jones 2019-11-05

前言


上一篇介紹 企業推薦資料視覺化工具|資料視覺化《EP7. 拆解圖形與資料的『時間推移』關係(上)》此篇延續『時間推移』的資料關係,文章內完整解析資料視覺化元件。

利用下方資料就可以透過以下視覺化元件呈現:

原始資料



『時間推移』資料視覺化元件:




  1. 折線圖
  2. 路徑位置:視覺化控制項/Chart/折線圖/折線圖

    折線圖是用直線將各數據點連接起來而組成的圖表,以折線方式顯示數據變化趨勢。下圖為套用折線圖的子母視窗樣板,利用底端視窗畫面,使用者可以選擇想要顯示的範圍 ,使用者只看想要的分析部份區間。

    折線圖

    使用時機:

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




  3. 梯線圖
  4. 路徑位置:視覺化控制項/Chart/折線圖/梯線圖

    呈現列區域、欄區域各項目在量值區域的數值呈現,列區域或欄區域可以擺放時間的維度,就可以呈現一段時間内的趨勢變化。

    梯線圖

    使用時機:

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




  5. 雙Y軸
  6. 路徑位置:視覺化控制項/Chart/直條圖

    當圖表中資料值在各序列間具有明顯差異或使用混和類型的資料(如金額或百分比)時,可在第二Y軸上繪製一或多個資料序列。

    Spark Line

    使用時機:

    隨著X軸表示連續時間,透過雙Y軸可以顯示X軸(時間)的數值與達成率(成長率),並能呈現兩種不同Y軸的呈現。




  7. Spark Line
  8. 路徑位置:視覺化控制項/DataGrid/欄位編輯器/新增走勢線

    SparkLine是縮小版的折線圖用直線將各數據點連接起來而組的圖形,以折線方式顯示數據變化趨勢。通常會搭配DataGrid 放至儲存格中,顯示時間變化的連續數據,因此也非常適合表示時間變化。

    Spark Line

    使用時機:

    Spark Line 適合溫度或股票市場價格中變化的一般形狀,通常隨時間變化。




  9. Trend
  10. 路徑位置:視覺化控制項/DataGrid/欄位編輯器/新增趨勢

    利用箭頭的指標呈現數值的趨勢,例如:上期數值去跟現在的數值比對,假如目前的數值低於上期的數值,箭頭就會向右下角綠色顏色顯示,目前的數值高於上期的數值,箭頭就會向右上角紅色顏色顯示,跟上期相同就會持平並顯示藍色,讓使用者可以快速看出時間變化的數值趨勢,可以搭配DataGrid在儲格中呈現 。

    Trend

    使用時機:

    想要簡單的箭頭指標呈現數值的趨勢。

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

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


此篇分類於:#SmarteVision #資料視覺化 #資料視覺化元件 #資料視覺工具 #資訊圖表 #時間推移 #折線圖 #梯線圖 #Spark line #Trend


更多Smart eVision學習資訊

我們的官方網站

我們的臉書粉絲團

我們的官方YouTube頻道