導語

很多時候我們大家都對數據可視化有一定的好奇心，怎麼樣才能把大量的數據更好的表現 出來呢？我們日常處理事物的時候可能因為其簡單性，接觸到的基本圖表可能都是Excel當中那種簡單表格，但是在更為複雜的可視化大屏當中會有更多的數據，代表著我們會遇到更多大量不同的圖表形式，不同的圖表形式我們又會有不同的含義，所以我們在使用可視化大屏的圖表的時候一定要清楚每個圖表的具體用途和優缺點，才能更好的把故事當中的數據講清楚，講好～接下來我們會出幾篇用於數據通信的常用圖表的優缺點的文章，讓大家在進行數據可視化大屏設計時更加的清晰明白。

數據可視化EasyV工具申請免費試用：https://easyv.dtstack.com/jiuqi

也可點擊文章 下方的“了解更多” 快速跳轉

話不多少打開我們的EasyV工具對照著各類圖表形式 來進行更好的大屏設計吧～

本專題文章分1/2兩部分 ，本部分主要是以下圖六個圖表當中的三個圖表為主：

主要介紹以上六種常用的數據圖表形式

什麼是折線圖？

折線圖（或折線圖）最適合用於顯示某件物品的價值隨時間變化或比較幾件物品隨時間相對變化的情況。每當您聽到“隨著時間的推移”這個關鍵詞時，這就是考慮使用折線圖作為數據的線索。

折線圖簡單，易於理解且有效，是常見且有效的圖表。折線圖非常適合：

• 比較大量的數據，一次全部
• 顯示一段時間內的變化和趨勢
• 包括重要的上下文和註釋
• 顯示預測數據和不確定性
• 突出顯示數據系列之內和之間的異常

在另一方面，他們並不一定是你的最佳選擇：

• 顯示物品數量
• 處理分類數據
• 製作部件到整體的比較
• 顯示稀疏數據集

在本文中，我們將討論折線圖的工作原理，以及如何構建為用戶提供有意義的信息和上下文的折線圖。

然後，我們將回答一些有關折線圖的常見問題：

• 折線圖上可以顯示哪些數據？
• 一次可以顯示幾行？
• 我的y軸是否必須從零開始？
• 我的圖表頂部和底部應該留多少空間？

在以後的文章中，我們將詳細介紹折線圖的一些特殊變體，例如斜率圖和麵積圖。

折線圖如何工作？

將折線圖上的折線看成是很少的歷史。

• 首先，我們測量要在不同時間點跟踪的事物的價值。 例如，在每個月底，我們的商店都希望記錄我們通過銷售帶來的收入。
• 一旦有了很多這些測量值，就可以在圖形上繪製這些點，然後繪製一條連接這些點的線，以便更輕鬆地查看這些值隨時間的上升，下降或保持不變的情況。

但這還不是折線圖所能做的全部！

除了畫那條線之外，我們還可以在圖形上包括其他重要的上下文信息。我們可以選擇標記，標記和/或註釋我們線上的各個點；我們可以添加參考線和區域；我們甚至可以包括預測數據點，並通過更改線和數據標記的外觀來區分實際數據和預測數據。

這是一張類似的圖表。

我們收集的銷售數據仍顯示在圖表上，如黑色實線所示，但現在我們已經能夠將這些數據置於上下文中。

• 灰色的參考帶顯示了每月銷售總額的範圍，並且我們也標記了這些特定的值。
• 綠線告訴我們我們的銷售目標是什麼，以便輕鬆查看我們的銷售數字在任何給定的月份是否值得慶祝。
• 為了減少視覺混亂，我們刪除了該行上各個點的數據標籤和大多數標記。 僅保留我們達到最高和最低銷售額的月份的標記，因為它們對於我們計劃用此圖講的故事很重要。
• 虛線顯示了未來三個月的預計銷售額。
• 關鍵時刻的註釋說明了數字的原因，我們為響應這些數字而採取的行動以及我們的期望。

請記住：折線圖的工作方式是強調我們的測量值隨時間變化或作為指定自變量變化的方式。我們可以利用折線圖中的空白來包含內容豐富的上下文，以幫助受眾了解這些特定更改的重要性。

折線圖上可以使用哪種數據？

典型的線圖將在垂直（y軸）和水平（x軸）維度上具有連續數據。 y軸通常顯示我們正在測量的變量的值；x軸最常用於顯示我們何時進行測量，無論是按時間順序還是基於一些自變量（例如，當我們更換舊車的發動機時，我們都以不同的RPM來測量分貝水平）。

儘管某些折線圖未在x軸上使用連續數據（尤其是斜線圖和平行坐標圖，它們是折線圖的特殊變體），但我們絕對不能在x軸上使用的是沒有顯示的類別之間的任何有意義的關係。

假設我們有2020年前六個月的清單：一月，二月，三月，四月，五月，六月。以任何其他順序列出它們將是錯誤的，因為它們是連續的並且具有固有的順序。 2020年1月到2020年2月，再到2020年3月，依此類推。

假設我們有一系列產品：蘋果，梨，酸橙，檸檬，棗，葡萄。與我們的月份清單不同，一種產品不一定會導致下一個。我們可以按字母順序，大小，顏色或隨機順序對它們進行排序，這不會感到異常，因為它們沒有內在的順序，也不是連續的-它們是分類的。

應做：按月顯示銷售量。

請勿：按類別顯示銷售線。

折線圖僅在直線上連續點之間存在有意義的關係時才有意義。 因此，雜貨店可以合理地使用折線圖按月顯示其農產品銷售數據，但不建議使用一個折線圖顯示各種農產品之間的銷售差異。最好在條形圖中完成。

一張圖表中可以放置多少條不同的線？

人們很難同時跟踪四到五件事，因此請考慮將其用作指導原則。如果您絕對需要顯示更多的線條，請嘗試使用顏色，線條粗細和標籤將重點放在最重要的線條或點上。

上圖顯示了我們當地醫療中心Anytown Medical的五年年度糖尿病患者數據，以及該地區其他12個中心的糖尿病數據。由於我們最關心的是我們自己的中心（特別是因為我們的比率低），因此我們使用顏色，權重和標籤將重點放在Anytown和區域平均值上，同時還包括所有值其他中心。

折線圖的y軸是否必須從零開始？

當我們查看折線圖時，我們比較的是線之間的距離，而不是它們相對於x軸的高度。就其性質而言，折線圖比每個測量點的精確數量更擅長顯示值隨時間的變化。

因此，折線圖的基線不必為零；但在大多數情況下，還是建議。 如果y軸從零開始，則不會給觀眾造成混淆，因為這是第一次看到圖表時的正常期望。應該有令人信服的理由來顛覆這些期望。

以下是一些對於零基線可能不是最佳的特定情況：

測量範圍很小，但是從這些測量的最小值到零的距離很大。

如果我們的y軸一直下降到零，這些有意義的波動將無法感知。

DO：以一個邏輯值啟動軸。

請勿：如果包含零，則包括零。

與零的關係沒有意義。

在某些尺度上，例如在華氏尺度上，“零”的位置有些隨意（50度不是25度的兩倍），因此，如果沒有數據點接近零，我們就不會感到必須將其作為我們的基準。我們的圖表應包含一系列合理的值，從而為觀看者提供最有意義的上下文。

應做：使用合理範圍的值。

請勿：如果它是無意義的值，則包括零。

您的某些測量結果是否定的。

包括一條水平線作為零的參考點可能很重要，但是我們的圖形上的任何數據序列都不應橫穿我們的任何一個軸。最好使y軸的最小值低於數據的最小測量值，以便我們的基線成為數據的邊界線。

要做：使軸保持在最小數據以下。

不要：讓軸切入數據。

重要！ 在折線圖的基線不為零的情況下，重要的是要使事實對查看者顯而易見，因此不會因放大的數據透視圖誤導了它們。

我的圖表頂部和底部應該留多少空間？

該問題的具體答案將隨您製作的每個圖形而變化。一個有用的起點是使從最小值到最大值的範圍大約佔圖形可用垂直空間的70-80％，在其上下分別留有大致相等的空白。

從那裡，您可以修改軸範圍以及在圖形上繪製的一條或多條線的位置，以適合您的特定需求。線的相對斜率不會改變，因此請盡力選擇一個軸範圍，該範圍使軸標籤具有整數，在圖表中包含一定數量的空白以包含數據標籤和註釋，並且寬度較大足以（如有必要）顯示參考線（例如目標或預測值），該參考線可能大於或小於您的最小或最大測量值。

在每種情況下，對數據的呈現方式都要做到合理周到，以使聽眾清楚地理解您的信息，這一點很重要。

什麼是條形圖？

條形圖是一種常見的圖表類型，用於對分類數據或分類為組的數據進行繪圖。它由與公共基線對齊的多個矩形組成。每個元素的長度與它表示的值成正比，換句話說，在條形圖中，數據按長度編碼。當對像對齊時，我們的眼睛非常擅長比較長度，這使得該圖易於理解-這只是條形圖很常見的一個原因。

我們的眼睛從底部開始，並朝著每個條形的盡頭掃視。我們測量相對於基準線和其他柱線的長度，因此確定最小或最大柱線是一個簡單的過程。我們還可以看到條形的不同高度之間的負空間，以比較它們之間的增量差。

這些圖形不僅易於閱讀，而且也得到廣泛認可。您可能已經遇到過標準的水平或垂直條形圖。但是條形有多種形狀和尺寸。我將在下面列出一些最常見的變體，並提供示例鏈接。

條形圖的常見類型是什麼？

垂直條形圖 標準豎線（也稱為列圖表）是最常見的品種之一，幾乎所有的工具都內置功能來創建它們。僅僅因為它們很常見並不意味著它們很無聊。閱讀有關如何使用基本豎線來傳達多個故事的更多信息。

水平條形圖單槓類似於翻轉在其一側豎版。對於長類別名稱，這是一個很好的選擇，因為左側的空格使水平放置的文本成為可能（替代垂直條形圖的x軸上的對角文本）。單槓易於閱讀，因為該結構模仿了我們如何處理信息（在西方文化中），我們從頂部開始從左到右閱讀。查看本文，了解簡單的單槓改頭換面。

群集條垂直和水平變化都可以顯示多個序列。請注意，在條形圖上添加許多數據系列可能會難以集中精力並確定關鍵要點。同樣重要的是要注意有一個自然的分組，因此請注意每個聚類中系列的順序。閱讀更多內容，了解如何使用群集的條形圖來比較多個序列。

堆積條形圖堆積條形進來垂直和水平的形式。它們使您可以通過掃描兩端比較總數，還可以顯示每個類別中的子組件。堆疊條形圖的挑戰在於，很難比較未與同一基線對齊的類別中的子組件。這是一篇文章，其中有更多有關堆疊式條形圖工作時間的示例。

100％堆疊條形圖100％堆疊條形圖（左側顯示水平變化）是標準堆疊條形圖的替代方法，其中顯示了相對百分比而不是絕對值。此版本的好處在於，它為您提供了兩個一致的比較基準：一個位於左側，另一個位於右側。閱讀更多內容，以了解為什麼這是可視化調查數據的好方法。

瀑布圖瀑布圖是條形圖的更高級變體，沒有得到廣泛使用。該圖表有時可用於可視化更改，其中第一個柱形圖表示起始值，最後一個柱形圖表示終止量。中間的小條表示從頭到尾的增量變化。了解如何在Excel中創建瀑布圖。

哪些工具可以製作條形圖？

大多數可視化和分析工具都具有內置功能，可以輕鬆創建標準條形圖。以下是一些常見的知識和源鏈接，可以幫助您入門。

• 電子表格
• 數據包裝器
• 繁榮
• 畫面
• PowerBI
• 微軟幻燈片軟件
• 資料室
• 信息報

有關工具特定的條形圖示例，請參閱“練習吧”中的練習2.2 ！該解決方案具有在多個不同工具中創建的相同垂直條形圖：Excel，Datawrapper，Flourish，Google Data Studio，PowerBI，R，Python和Tableau。

設計條形圖有哪些技巧？

這是設計條形圖時要考慮的一些格式化步驟。

• 調整條之間的間隙。 這裡沒有特定的規則，但是通常來說，間隙應該比條的寬度薄。在Excel中，通常會在30％-40％之間選擇間隙寬度百分比。目標是保持健康的平衡：您不希望有太多的空白以使數據不突出，但是您也不想使條形圖如此緊密地結合在一起以顯示為單個形狀比不同的元素。在這裡使用良好的判斷力！ （這是一個例外情況，如果您要創建直方圖，這是一個特殊的用例，用於顯示數據集的基礎分佈。直方圖在技​​術人員中很流行，並且故意在條形圖之間缺乏空間，因此該分佈被視為一個整體）

• 考慮條形的順序以及讀者如何理解它們。 如果數據中存在固有順序（例如，年齡範圍或Likert量表等序數類別），請考慮使用此自然順序。如果不是這種情況，請考慮根據數據進行排列，例如，根據要傳達的內容從最大到最小，或者從最小到最大。
• 條形圖的標籤。 我經常發現自己比其他圖表類型更喜歡使用條形圖標籤，尤其是當我不使用軸來標記類別時。條形圖通常沒有大量的空格，因此為了防止混亂，我更喜歡在條形圖中標記類別名稱。對於水平空間有限的垂直或堆疊條形，有時很難做到這一點。因此，如果我無法在條形圖中將標籤添加到條形圖中或不能以視覺上吸引人的方式直接放置在側面，則在條形圖中添加圖例並不少見。當使用圖表時，我喜歡將其放置在標題下，以便讀者在接觸數據之前會遇到如何讀取圖表的情況。在下面的視覺圖中，您可以看到我通常如何在水平條形圖和垂直條形圖中標註系列。

• 在欄中移動直接數據標籤。 條帶可能會感覺很重並且會佔用大量墨水。如果直接標記每個條形的值，請考慮將數據標籤移動到條形端部以防止混亂。位置的這種微小變化可能會欺騙我們的眼睛，使您認為在保留相同數量的細節的同時更少了。
• 使用零基線。 這是要遵循的重要規則。由於數據是按長度編碼的，因此需要顯示整個條形範圍。否則，我們的相對測量將不准確。如果您需要更改基線以傳達較小的差異，那麼可能會有另一種圖表類型更適合您的需求。

什麼是面積圖？

面積圖是折線圖的一種特殊形式，在該圖中，我們不僅將數據點與連續的線相連，而且還用純色填充了該線下的區域。這看起來可能是微小的外觀變化，但對我們如何看待圖表中的數據有重大影響。

面積圖可以有效用於：

• 顯示各種數據序列隨時間的上升和下降
• 隨著時間的推移傳達總金額< /strong>以及一些子類別的細分（但僅限於一點）
• 當零件很大或從很大變成很小時，隨著時間的推移強調零件與整體的關係
• 在小型多重圖表的各個面板中顯示隨時間的變化

面積圖不是以下情況的理想選擇：

• 比例尺上的數據集與零沒有有意義的關係
• 顯示一段時間內的一些易失數據集
• 顯示出細微的價值差異

在本文中，我們將討論面積圖的工作原理，以及在考慮創建面積圖時要記住的一些挑戰。

面積圖如何工作？

面積圖與常規折線圖相同，但有兩個例外：

1. x軸與圖形中每條線之間的空間填充有某種顏色（根據設計人員的喜好，顏色或不透明度可能會有所不同）。
2. x軸必須為零。

這是美國音樂銷量隨時間變化的折線圖，按格式細分：

請記住，當我們查看折線圖時，我們關注的是垂直軸上的值在沿水平軸從左到右的過程中是如何上下變化的，並且我們比較線之間的相互關係，而不是將其相互比較。距x軸的高度。就其性質而言，折線圖比每個測量點的精確數量更擅長顯示值隨時間的變化。

但是，當圖表創建者在折線和基線之間添加顏色填充時，我們的感知會發生變化，從而將折線圖轉換為面積圖。

我們沒有看到線，而是將每個數據系列視為一個多邊形，一個形狀；並且我們較少地根據每個數據序列隨時間的變化來判斷每個數據序列，而更多地根據我們對有色區域的整體面積的判斷來判斷。

面積圖將折線圖的目的從簡單顯示隨時間的相對變化轉變為另外顯示體積或數量。

因此，我們不能在與0沒有有意義關係的面積圖上使用比例尺。同樣，就像條形圖一樣，我們必須使用零基線。

面積圖何時有用？

面積圖很想代替折線圖。它們色彩鮮豔，引人注目，而且不常見，以至於新穎性因素往往會引起人們的注意。但是，正如我們前面所討論的，由於觀看者如何看待數據的不同表示，折線圖和麵積圖不可互換。我們很少（但從來沒有！）找到面積圖的理想用例。不過，在某些情況下，面積圖可能是一個合理的選擇。

如果多個系列之間存在顯著差異並且隨時間變化，則顯示幾個不同時間段的多個系列

有時，重要的是要顯示多個相關數據系列中的數量如何隨時間變化。 條形圖擅長顯示某一時間點的數量，但是跨越多個時間點的多個序列很難顯示為條形圖。圖表變得非常擁擠和混亂。

面積圖試圖通過創建填充顏色的不規則多邊形來提供所有時間點的數量感。但是，在數據系列重疊的地方，觀眾可能難以理解兩個（或多個）填充物佔據了相同的空間。

繼續使用我們一直在使用的示例，該示例顯示了隨著時間的推移按格式顯示的經通貨膨脹調整後的音樂銷量，我們嘗試通過對“填充”顏色的不透明度進行小的更改來緩解這一挑戰，如下所示。

對於純不透明填充，例如，我們不知道1983年之前售出了多少盒盒式磁帶，或者1990年之前售出了幾張CD。 （由於三個系列重疊，因此很難知道1979年之前售出了多少盒盒式磁帶。 ，而“盒式”數據系列則被推到最遠的後面。這種類型的圖表還需要設計者對數據系列的順序進行周密的選擇。）

在小的多個圖表中顯示隨時間變化的幾個（或幾十個）系列

面積圖在小型多重圖表 （也稱為面板圖或網格圖）中很有用。當您有多個數據系列時，不必將它們全部重疊在一個圖上，而是可以將它們顯示為規則圖表相似序列中的一個小的單個圖。區域圖可以幫助查看者比較這些面板上的數量和時間變化。

顯示兩個系列之間或系列與100％之間的差異

如果您試圖顯示兩個（只有兩個）系列之間或系列與100％之間的差距，它們也可能很有用；並且該間隙比線之間的絕對值更重要。陰影線之間的區域可以強調該差距。

面積圖有哪些挑戰？

這種特殊的圖表類型結合了諸如氣泡圖（按面積比較），堆疊條形圖（按類別比較子類別）和散點圖（允許將某些數據隱藏在其他數據後面）等有爭議的可視化效果的質量，同時鼓勵使用顏色作為區分類別，而不是集中註意力的工具。因此，面積圖有一些缺點是很自然的。

在大多數情況下，您的某些信息將被隱藏

因為您的數據系列在圖形中佔據相同的空間，所以它們不可避免地會重疊。最好的情況是，您的數據序列永遠不會相互交叉，因此圖表看起來像一個山脈，所有峰均可見。更有可能的是，您至少會在圖表中看到一次數據序列相互交叉的情況，然後不可避免地會有隱藏的數據。

觀看者無法始終確定每個系列使用的基線值是多少

很像一個堆積條形圖，該堆棧區域圖包括加起來的合計值對x軸的每個值的子類別。而不是每個數據序列降為零，它們都堆疊在一起。

問題：在這張圖表中，1973年售出了數百億美元的8條音軌？ 超過100億美元，或大約30億美元？我們不能確定，因為我們不知道所查看的圖表是否將所有數據系列相互疊加（因此，“ 8軌”系列的基線位於“乙烯基”系列），或者如果每個系列都使用零的通用基線（這樣，“ 8軌”系列通常隱藏在“乙烯基”和“盒式磁帶”之後）。

如果每個系列都使用相同的基線，那麼具有半透明的填充色將使這一事實變得清楚。另一方面，堆積面積圖永遠無法以100％的置信度說服您它實際上是堆積面積圖，因為總有可能它只是具有不透明填充顏色的常規面積圖。

有時您會看到堆疊面積圖的一種變體，稱為流圖。在此版本中，它們不是沿一個方向堆疊，而是對稱地上下生長。

對於流圖，將其誤認為是純面積圖的可能性較小，但是這樣做的代價是很高的：您失去了查看精細細節（包括帶標記的y軸）的能力，從而無法進行多年的比較。 ...使用這樣的圖表可能會引起注意，並鼓勵觀看者使用數據，但是任何真正的見識都可能需要附加的圖表，標籤和註釋。

判斷區域很難

人們很難判斷相對面積，無論是一個圓形相對於另一個圓形有多大，餅圖的切片如何比較，或者沒有共同基線的正方形和矩形的大小。在面積圖中，我們還有更艱鉅的工作：比較部分遮蓋的不規則形狀的區域。就像您想像的那樣，幾乎不可能準確地做到這一點。

例如，很難對不是使用零基線的任何數據系列進行多年的視覺比較。 （在流媒體上，這適用於每個系列。）很明顯，8軌的總銷售額比下載或流媒體要多嗎？是否容易看出VInyl和Cassette的銷售額相差1％以內？並非沒有數據標籤。堆疊面積圖中每個區域的邊界的連續和不規則性質使這些比較更加困難。

更多墨水，更多重疊，更多混亂爭奪注意力

最後，就其本質而言，面積圖需要更多的“墨水”來傳達更多的信息。 甚至只有一個數據序列的面積圖比折線圖混亂得多。我們添加的系列越多，則變得越雜亂且難以閱讀。將觀眾的注意力集中在面積圖的一個元素上更具挑戰性。

結語

本期可視化大屏的採用的其中一部分圖表的優缺點進行了簡單的介紹，下一期我們再介紹剩下的三個圖表，只有我們了解各類圖表的優缺點才能在大屏設計當中，提取適合我們項目的圖表形式，讓大屏所傳遞的信息更為具體，讓人一目了然。

聲明：本篇文章系轉載外文文獻 如有侵權 聯繫刪除

原文：http://www.storytellingwithdata.com/chart-guide

編輯：九七

免費申請EasyV使用點擊下方