數據圖表是大數據可視化的常見表達形式，是對數據信息的二次生產加工，能夠協助大家了解數據信息、洞察數據信息身後的實情，使我們能夠更好地融入這壹數據驅動的世界。不管在工作情況匯報、設計產品、後臺管理設計方案及其數據大屏上都能見到它的影子。殊不知，在具體工作上我發現了許多剛入行的室內設計師針對圖表設計掌握得並不全面，另外目前市面上針對這些方面的材料相對性零散，成不了管理體系。所以我融合了平常工作上的了解，整理了本文，期待能協助到大夥兒。
壹、數據圖表的構成
1.數據圖表的組成
在我們把數據圖表的構造開展拆卸後，便會發覺壹個數據圖表是由許多個細微預制構件構成的，這種預制構件有自身的名稱和主要用途，分別是文章標題、軸、圖型、圖示、標識、信息提示。在平時應用的全過程中，會依據情景去裝飾刪剪壹些預制構件原素，為此來降低沈余信息內容，用最適當的數據信息墨水比（Data-inkRatio），協助客戶迅速達到總體目標，在至少的_間內獲得大量的信息內容。
文章標題-敘述數據圖表的主題風格（包括主文章標題和副標題的格式）
標識-對當今這壹組數據信息開展的_容標明
軸-用於界定平面坐標中數據在方位合值的投射關聯
圖示-對圖型自身的歸納
信息提示-當tap或是hover的情況下，以互動信息提示的方式展現該點的數據信息詳細信息
圖型-統計圖的視覺效果安全通道在樣子上投射的視覺效果呈現
下面，我能壹點壹點地為大夥兒解讀他們，便捷大夥兒有效的應用他們。但在此之前，大家先來掌握壹個知識要點-數據信息黑墨水比，便於更強的了解下面的_容。
2.數據信息墨水比
數據信息墨水比——"data-inkratio"，是1983年視覺效果高手愛得華·塔夫特（EdwardTufte）在《TheVisualDisplayofQuantitativeInformation》中明確提出的壹個定義：壹幅數據圖表的絕大多數墨筆應當用以展現數據信息，數據信息轉變則墨筆也轉變。他將數據信息印刷油墨比界定為數據圖表中用以數據信息的墨水量除於總印刷油墨量。在其中數據信息墨水指的是數據圖表中不能刪掉的具體內容。例如，我能刪掉圖示、刪掉縱坐標、刪掉分隔線，這很有可能不容易危害妳從數據圖表中載入有關的信息內容。但假如刪掉柱狀圖、餅狀圖這種數據圖表的行為主體原素，那_數據圖表就喪失所要表述的_容了。
我本人更喜歡用“信噪比”=信號/(信號+噪音)這壹定義去了解，由於根據數據可視化傳遞的信息內容不僅是數據信息，也有業務流程洞悉，像見解、總結性的信息內容通常必須用文本來展現的也是尤為重要。但是不管應用哪壹個詞，最後的目地全是突顯傳遞“信息內容”壹部分，除去這些影響的“噪聲”。
因而，數據圖表中的數據信息墨水占有率越多，那_該數據圖表的沈余信息內容就越低，信息的傳遞實際效果就越高。因此，在建立數據圖表和圖型時，大家的總體目標應該是在有效範疇內利潤最大化數據信息墨水比。
二、數據圖表原素詳細說明
1.文章標題
壹個確立、相符合的文章標題能夠快速讓閱讀者了解數據圖表要表述的_容。壹般數據圖表的文章標題是依據數據圖表所必須表述的_容決策的，大部分小夥伴們很有可能覺得取名_有過多難題。但當這壹數據圖表的結果是單壹且唯壹的情況下，提議在歸納數據圖表_容的文章標題中添加總結性的網絡交換機。那樣能降低閱讀者誤會妳的用意的很有可能，並且可以保證她們將註意力集中於妳要重點強調的數據信息上。
2.軸（縱坐標）
2.1界定
軸是可以使每壹個二維數組在維度空間內尋找投射關聯的手機定位系統，更偏重數學課/物理概念。也就是說，軸的作用好像把數據可視化目標放置壹同的標準上，再以尺標開展標值測量。在大數據可視化中，壹般存有於笛卡兒平面坐標（直角坐標）和極坐標系中。對軸開展「分子」因素的分拆，我們可以獲得下列幾類原素，各自為：中心線、軸標尺線、軸標識、軸文章標題（企業）及其分隔線。
2.2歸類
依據相匹配自變量是持續數據信息或是離散變量數據信息，軸能夠分成：歸類軸，時間線，持續軸。
2.3應用提議
2.3.1中心線
中心線壹般只考慮到是不是表明，融合上邊所說的數據信息墨水比，在有分隔線的狀況下，柱形圖/折線統計圖會掩藏y中心線，條形圖則是掩藏x中心線，以做到信息內容減噪，突顯視覺效果關鍵的目地。
2.3.2軸標尺線
軸標尺線是中心線上的小直線，能夠給予標值標識在縱坐標上的確立部位。軸標尺線有3種種類，各自為：置內、置中（即交叉式方法）、置外。但標尺應放置標值縱坐標兩側，不建議標尺選用置中或置內方法表明。
軸標尺線的應用便是提升投射關聯，迅速的相匹配到數據信息點。歸類軸較多發生在柱型、條型中，針對投射有純天然的對應關系，故在歸類軸中習慣性掩藏軸上的標尺線。
2.3.3分隔線
分隔線是用於_助數據圖表提升投射關聯的。應用分隔線能夠提升數據信息的可閱讀文章性，分隔線給予了二種作用：壹是拓寬標值標尺至數據可視化目標中，便於觀查數據信息值之尺寸；二是提升數據可視化目標中間的較為基本，有利於較為。
分隔線壹般追隨值域軸的部位單邊表明，柱形圖選用水準網格圖，條形圖選用豎直網格圖。在應用分隔線時，應當留意遵循次序標準，以中心線為主導，分隔線輔助，款式上可選用虛線或是斜線。防止色調太重，不必應用純黑色或是純白色，在視覺效果等級上不可以搶了數據圖表中的信息內容。
2.3.4軸文章標題
軸文章標題（企業）關鍵用以表明函數定義域軸、值域軸的數據信息含意。當可視化圖表的別的壹部分_容（文章標題、圖示、軸標識等）早已能充足表述數據信息含意，依據奧卡姆剃刀基本定律，能夠省去軸文章標題，近壹步擴大數據信息印刷油墨比，精減界面原素。
2.3.5軸標識
軸標識的設計方案比較繁雜，牽涉到的關鍵點點比較多。這兒將緊緊圍繞直角坐標的X軸和Y軸這兩個方位開展探討。
X軸標識
x軸標識的設計方案關鍵在表明標準上，在可視化圖表設計方案中，大家經常會遇到軸標識_容太長的狀況，當室內空間比較有限時，軸標識會重合在壹起。如何處理該類難題，這兒依據軸的不壹樣種類給了相匹配的解決方法。
A.持續/時間線標識
在持續軸和時間線中，我們可以運用取樣表明的方式來提升軸標識重合的難題。這兒不強烈推薦應用轉動來減縮總寬。壹方面從美觀大方度上，轉動很有可能會毀壞頁面總體融洽。另壹方面，持續/時間線並不壹定表明全部的軸標識，參照格式塔中的[持續性基本原理]，雖然軸標識無法徹底展現，但客戶會在腦子裏把缺少的壹部分補足，軸標識依然會像持續著的壹樣。
B.歸類軸標識
在歸類軸中，因為標識與標識中間並_有密切的邏輯性關聯方交易。若選用取樣標準，掩藏了壹些標識，則增加了客戶對數據圖表信息內容的獲取難度系數，它是大家不願見到的。針對歸類軸，這兒提議根據標識轉動或轉化成別的數據圖表（條形圖）來減縮總寬。
Y軸標識
y軸標識的設計方案關鍵在標識總數、取值範圍和數據類型上。標識表明地區壹般依據最多標識總寬響應式放縮。假如二維數組是固定不動的，就寫出固定不動總寬，節約數據圖表測算量，提升3D渲染速率。
A.軸標識的總數
軸標識的總數不建議太多，過多的標識必然造成橫著分隔線變多，導致原素沈余，影響圖型信息內容表述。依據7±2規律，Y軸標識總數應盡可能操縱在這個範疇內。
B.軸標識的取值範圍
壹般來說，y軸標識的賦值需從0基準線逐漸，以適當體現標值。展現被斷開的數據信息很有可能會欺詐客戶作出不正確的分辨。例如數據信息自身_有那_波動轉變，解決上低限的顆粒度，把標尺變長，壹樣能看起來“豐收在望”。
從上邊就能搞清楚，在看數據圖表的情況下千萬別被表層給蒙騙，只是收看柱形圖的多少發展趨勢通常不可以得到恰當結果，必須留意縱坐標起止部位是否有被別人做了虛報解決。
但存有是有根本原因的，針對該類的賦值方法不做太多點評。這兒關鍵想講壹下我常見的賦值方法：針對Y軸的限制即最高值依據具體數據信息開展動態性測算。例如壹排數據中較大的為1190，那_軸標識最大位為1200；壹排數據中較大的是1210，那_軸標識最大位為1400。在其中的1400和2100是依據軸上的按段數決策的。
但有的人對Y軸標識的賦值得出了以下提議：在折線統計圖中，賦值壹般保證圖型約占制圖地區的2/3，或是將柱型的高寬比操縱在圖表高度的85%上下。
但我覺得這類方法太刻意了，而且標準訂制的比較細。可是得認可這樣子確定會顯的漂亮，做實例能夠，做真正數據信息不好。由於充分考慮具體數據信息有的情況下會發生_限狀況，例如有壹些尤其大有壹些尤其小，為了更好地確保客戶能從數據圖表中精確地獲得信息，不應該為了更好地藝術美而毀壞了它的真實有效。因而並不強烈推薦用這類方法來賦值。
C.軸標識的數據類型
有關Y軸標識的數據類型，這兒關鍵講壹些較為非常容易忽略的設計方案關鍵點。第壹，標識保存的小數位數維持統壹，不必由於壹些軸標識是整數金額值，就省去小數位。
第二，正負極向的y軸標識，因為負數帶“-”標記，全部y軸看上去會出現視覺效果誤差，尤其是兩軸圖的右y軸更顯著。這兒提議正負極向y軸給恰逢標識攜帶“”，以做到視覺效果均衡的實際效果。
3.圖示
3.1界定
圖示是對圖型自身的歸納，在數據圖表原素中歸屬於_助_容。它給予閱讀者以對比的方法來了解數據可視化目標的新項目分類。由投射圖型樣子和文字構成。
3.2種類
依據基本數據類型不壹樣，分成連續型圖示和分種類圖示；依據情況不壹樣，圖示能夠被設定為靜態數據或可互動態。
4.標識
4.1界定
在數據圖表中，標識是對當今的壹組數據信息開展的_容標明。包含數據信息點、吊線、文字標值等原素，依據不壹樣的圖表類型挑選應用。
5.信息提示
5.1界定
信息提示壹般是tap或是hover的情況下，數據圖表以互動的方法吐出來該部位的數據信息，協助客戶更深層次的掌握數據信息。壹般由視覺效果標識圖型，文字標識，標值標識這3中原素組成。
5.2種類
信息提示的呈現方式由4種。按不壹樣的圖表類型，分成飄浮、固定不動部位、固定不動在軸上、固定不動在圖型上。
6.圖型
6.1界定
人們從圖型中獲得信息的高效率遠超文字，可以說現如今人們早就進入了媒體時代。圖型是統計圖的視覺效果安全通道在樣子上投射的視覺效果呈現，是數據圖表的必不可少原素，安裝著數據信息身後蘊涵的信息內容。依照部件原子化的構思來界定如今稀奇古怪的數據圖表，大概能夠分成六種基本款式：曲線，總面積，散點，汽泡，餅/環，柱狀，條型。
三、挑選適合的數據圖表
大家做數據統計分析的有句話叫“壹圖勝萬言”，數據圖表是呈現數據信息的壹種關鍵呈現方式，選正確了數據圖表就能幫助我們更為迅速、形象化的傳遞數據信息。
那怎樣選擇適合的數據圖表呢？我認為大概分成三步：
1.明確具體內容：確立要用圖表傳遞的關鍵信息內容；
2.分辨較為關聯：分辨數據信息中間的較為種類（如占有率、總數、發展趨勢等）；
3.挑選圖表類型：挑選相匹配含意的數據圖表（如餅狀圖、柱形圖、折線統計圖等）。
許多盆友在判斷和挑選圖表類型的時候會手足無措，但實際上妳只必須記牢壹句話：決策數據圖表方式的並不是數據信息，只是妳需要傳遞的信息內容。
1.明確具體內容
同壹組數據信息用不壹樣的角度觀察，有不壹樣的主題風格，例如下邊這組數據信息：
從另壹個角度觀察壹樣是5月份的數據信息，妳要很有可能會將著重點放到每壹個商品占銷售總額的百分數上。那麽妳的數據圖表主題風格應該是“5月份，商品A占企業商品總銷售總額的占比穩居第壹位”。
總的來說，挑選適合數據圖表的重要，最開始也是最重要的，便是確立要用圖表傳遞的關鍵信息內容。
2.分辨較為關聯
在具體工作上必須用圖表體現數據信息的情景五花八門，但按數據信息關聯歸類只不過下列幾類狀況，給大夥兒簡易舉好多個事例：
“預估在將來10年多的_間裏，銷售總額將提高”相匹配的關聯為_間發展趨勢；
“員工的最大工資額在30000到35000美金中間”相匹配的關聯為_率遍布；
“車用汽油並並不是品牌越響價錢越高其特性就越高”相匹配的關聯為關聯性；
“9月裏，6個地區的銷售額基本相同”相匹配的關聯為排行比照；
“營銷部主管在他的行業內只耗費了他15%的_間”相匹配的關聯為占有率。
3.挑選圖表類型
海外權威專家AndrewAbela曾梳理了壹份圖表類型挑選手冊圖例（如下圖），他把數據信息的關聯分為了4種種類，協助我們去挑選出適合的數據圖表來展現。
但實際上融合自己的工作經驗，充分考慮日常公司的數據統計分析情景，圖上有壹些數據圖表應用_率是極低的。所以我參照了圖中的壹部分_容，對其開展了匯總，更換沒了壹些數據圖表並對其開展了清理，整體上我覺得它是會更合適商務接待數據圖表展現，並且會更務實求真，合適大夥兒參照應用。
四、普遍的可視化圖表
1.折線統計圖
1.1界定
折線統計圖是根據線框的起伏（升高或降低）來表明持續數據信息隨時隨地間或井然有序類型轉變的數據圖表，常見於體現數據信息伴隨著時間流逝而造成的趨勢分析。
2.2可用情景
橫坐標為持續類型（如_間）且重視趨勢分析、預測分析，適用折線統計圖。
舉個事例：例如愛看2020年上半年度產品的銷售額狀況，並對行情做壹個剖析。因為每壹個月的產品銷售額有關的，他們意味著壹種數據信息在不壹樣_間下的數據信息值，因而大家可以用折線統計圖將他們相互連接。
但假如愛看2020年上半年度北京市、上海市、廣州市、深圳市、南京市五個省區的銷售額狀況，因為每壹個省區的銷售額不是有關的，因此我們不能隨意用折線統計圖來取代柱形圖。
2.面積圖
2.1界定
面積圖又叫地區圖，是壹種隨井然有序自變量的轉變，體現標值轉變的統計圖，基本原理與折線統計圖類似。它在折線統計圖的基本上多了壹個總面積定義，添充的地區能夠表明“積累”的含意（當X軸為持續的標值時）。
2.2可用情景
當重視隨_間的發展趨勢轉變和總計的值時，適用面積圖。
比如：要想查詢2020年10月和上年10月每日的產品銷售額行情，並對全月銷售額開展較為，這時候就可以選用面積圖。但當變量並不是次序性的自變量，則不宜用面積圖。
3.層疊面積圖
3.1界定
層疊面積圖與面積圖相近，全是在折線統計圖的基本上，將曲線與變量縱坐標中間地區添充起_的統計圖。
唯壹的差別是層疊面積圖有好幾個數據信息系列產品，他們壹層層的層疊起_，每壹個數據信息系列產品的起止點是上壹個數據信息系列產品的完畢點。
3.2可用情景
適用觀查多自變量隨_間的轉變狀況，且即能見到總體發展趨勢又能見到各自變量的組成狀況。
4.柱形圖
4.1界定
柱形圖，是壹種應用矩形框條，對不壹樣類型開展標值較為的統計圖。應用豎直或水準的柱頭的長度比照標值尺寸，在其中壹個軸表明必須比照的歸類層面；另壹個軸意味著相對應的標值。
在柱形圖上，分類變量的每壹個實體線都被表明為壹個矩形框（簡單講即是“柱頭”），而標值則決策了柱頭的高寬比。豎向柱形圖的柱是豎直方位的：
橫著柱形圖的柱是水平方向的，又被稱為條形圖：
4.2可用情景
柱形圖最合適對歸類的數據信息開展較為，尤其是當標值較為貼近時，因為人的眼睛針對高寬比的認知好於別的視覺效果原素（如總面積、視角等），因而應用柱形圖更為適合。
如下圖所顯示，5組數據信息的標值很貼近，若選用餅狀圖，這沒法形象化的開展較為，右側的柱形圖則能能夠更好地傳送數據圖表信息內容。
5.層疊柱形圖
5.1界定
層疊柱形圖（StackedColumnChart），又被稱為層疊柱狀圖，是壹種用於溶解總體、較為各壹部分的數據圖表。
它是柱形圖的拓展，不壹樣的是，柱形圖的數據信息數值並行處理排序，層疊柱圖則是壹個個累加起_的。它能夠展現每壹個歸類的總產量，及其該歸類包括的每壹個小歸類的尺寸及占有率，而且這種子類型壹般用不壹樣的色調來代指。
5.2可用情景
比照不壹樣類型數據信息的標值尺寸，同時對比每壹類型數據信息中，子類型的組成及尺寸。
比如下面的圖表明的是每壹種護膚品在每個商品的市場銷售狀況，根據層疊柱形圖，我們可以很清楚低比照同壹種護膚品究竟在哪個城市銷售量更強。
6.排序柱形圖
6.1界定
排序柱形圖，又叫集聚柱形圖。跟柱形圖相近，應用柱頭的長度來投射和比照數據信息值。每壹個排序中的柱頭應用不壹樣的色調或是同樣色調不壹樣全透明的方法差別每個歸類，每個排序中間必須維持間距。
6.2可用情景
比照不壹樣排序內同樣歸類的尺寸，比照同樣排序內不壹樣歸類的尺寸。在其中，排序數量不必超出12個，每壹個排序下的歸類不必超出6個。
7.雙重柱形圖
7.1界定
雙重柱形圖是應用順向和反方向的柱頭表明類型中間的標值較為，在其中歸類軸表明必須比照的歸類層面，持續軸意味著相對應的標值，分成二種狀況，壹種是順向標尺值與反方向標尺值徹底對稱性；另壹種是順向標尺值與反方向標尺值反方向對稱性，即互為相反數。
壹樣的，可分成豎直方和水準2個方位，在其中水準雙重柱形圖又叫正負極條形圖。
7.2可用情景
雙重柱形圖壹般用以正負極二份反過來數據信息的比照，比如壹周內工資收入和開支的統計分析，在其中收益為正數，開支為負值。
應用雙重柱形圖能夠很確立的對收益和開支作出比照，能夠從單獨系列產品中剖析收益和開支的標值及起伏。
8.餅狀圖
8.1界定
餅狀圖，或稱扇形圖，是壹個區劃為好多個扇型的環形統計圖。在餅狀圖中，每壹個扇形的弧長（及其圓心角和總面積）尺寸，表明該類型占整體的占比，且這種扇型合在壹起恰好是壹個徹底的環形。
8.2可用情景
餅狀圖關鍵用以呈現不壹樣類型標值相對性於數量的占有率狀況，尤其是要想突顯表明某壹壹部分在總體中常占占比，且該壹部分所占占比做到整體的25%或50%時，很合適用餅狀圖。
9.環形圖
9.1界定
環形圖，又稱為泡芙圖，是由2個及2個之上大小不壹的餅狀圖疊在壹起，挖掉正中間的壹部分所組成的圖型。
9.2可用情景
適用展現歸類的占有率狀況，與餅狀圖使用方法類似，但環圖相對性於餅狀圖室內空間的使用率高些，例如我們可以應用它的中空地區顯示文本信息內容，例如文章標題等。