在《用數(shù)據(jù)講故事》這本書中，作者在第二章就闡述了圖表的選擇傾向，其實(shí)經(jīng)常使用且表達(dá)效率較高的圖表僅12種利诺，在書中有明確的標(biāo)識，如下圖：
緊接著剩燥，作者闡述了他最常用的幾個(gè)圖表以及原因慢逾。
我們以三個(gè)指標(biāo)來衡量圖表是否應(yīng)該在項(xiàng)目中使用淤刃。
when违柏？什么情況下使用
why？優(yōu)勢在哪
how涡真？怎么使用用
1. 簡單文字
when：當(dāng)只有一兩項(xiàng)數(shù)據(jù)需要分享或者展示的時(shí)候使用变擒。
why：盡可能的突出數(shù)據(jù)君珠，并消除干擾。
how：在表格或者圖形中只放關(guān)鍵數(shù)據(jù)娇斑，也可以用較小的輔助性文字進(jìn)行解釋說明策添，輔助受眾理解圖表材部。
2. 表格
when：比圖形更簡單，在和多個(gè)受眾溝通時(shí)可以使用
why：可以使用不同的計(jì)量單位唯竹，顯示的時(shí)候比圖形更加簡單(web中如果數(shù)據(jù)龐大時(shí)乐导，表格處理速度更快，用戶體驗(yàn)更好)
how：在現(xiàn)場演示的時(shí)候盡量不要使用表格摩窃，可以把表格放在附錄中兽叮，使用一個(gè)鏈接滿足受眾的需求。讓設(shè)計(jì)融入背景猾愿，讓數(shù)據(jù)占核心地位鹦聪，不要讓厚重的邊框和陰影爭奪受眾的注意力，可以使用窄邊框或者空白來區(qū)分表格的元素蒂秘。
3. 熱力圖
when：當(dāng)我們想把表格中的細(xì)節(jié)和視覺暗示結(jié)合起來時(shí)泽本，使用熱力圖。
why：相較于表格姻僧，熱力圖更能重點(diǎn)突出某些數(shù)據(jù)规丽，提升了表格的易讀性，更容易吸引受眾的興趣點(diǎn)撇贺。
how：給表格填充不同的顏色赌莺，重要的數(shù)據(jù)背景顏色更明顯，給受眾提供視覺上的暗示松嘶。
上圖中的最大值58%和最小值11%可以快速的被受眾發(fā)現(xiàn)艘狭。
4. 散點(diǎn)圖
when：在展示兩件事的關(guān)系時(shí)很有用。
why：因?yàn)樯Ⅻc(diǎn)圖可以同時(shí)將數(shù)據(jù)對應(yīng)到X軸和Y軸上翠订，受眾很容易觀察到是否存在某種關(guān)系巢音。
how：對關(guān)注的數(shù)據(jù)填充顏色，和其余數(shù)據(jù)產(chǎn)生鮮明對比尽超。
如果要關(guān)注每英里成本高于平均值的數(shù)據(jù)時(shí)官撼，可以在平均值上設(shè)置水平線，并把關(guān)注的數(shù)據(jù)標(biāo)注其他顯眼的顏色似谁。
5. 折線圖
when：繪制連續(xù)的數(shù)據(jù)或者有過渡關(guān)系的數(shù)據(jù)傲绣。
why：可以清晰的觀察數(shù)據(jù)的變化趨勢。
how：在多條折線時(shí)巩踏，顏色對比度高一些斜筐，盡量避免視覺上的混淆。當(dāng)x軸為時(shí)間軸時(shí)蛀缝，數(shù)據(jù)必須有相同的時(shí)間間隔（避免產(chǎn)生誤導(dǎo)）。
6. 斜率圖
when：適用于兩個(gè)時(shí)間段或者兩筆數(shù)據(jù)對比
why：可以清晰的看出兩組數(shù)組的相對趨勢(相對提升目代，相對降低)
不論是折線圖還是斜率圖屈梁，重點(diǎn)都在于數(shù)據(jù)的變化嗤练，如果數(shù)據(jù)相差不大的時(shí)候，圖像會過于平緩在讶。
7. 條形圖
when：想展示最大值煞抬，最小值，占比時(shí)使用构哺。
why：常見革答，受眾的學(xué)習(xí)成本低，可以更加專注于數(shù)據(jù)曙强。易于閱讀残拐，并能很快得出結(jié)論。
how：圖形一定要有原點(diǎn)碟嘴，盡量以0為原點(diǎn)溪食，否則會造成錯(cuò)誤的視覺比較。
是否應(yīng)該保留坐標(biāo)軸娜扇？
如果受眾關(guān)注整體趨勢错沃，可以考慮保留坐標(biāo)，但是把顏色設(shè)為灰色來降低重要性雀瓢。
條形圖的寬度應(yīng)該大于條形圖之間空白的寬度
8. 堆疊豎直條形圖
when：堆疊豎直條形圖的用例有些受限枢析。它旨在比較各類別之間總體區(qū)別的同時(shí)還能看出每個(gè)類別中子成分的占比情況。
why：在比較整體數(shù)量的同時(shí)還能看子成分的占比
how：大多數(shù)作圖框架(echarts為例)的默認(rèn)顏色都會比較鮮艷刃麸，很快會產(chǎn)生視覺上的壓力醒叁，而且在沒有基線的情況下，很難比較不同類別間的子類別大小嫌蚤。
只有比較緊貼X軸的子類別時(shí)很容易辐益，比較其他子類別很困難。(X軸相當(dāng)于一根基線)
9. 瀑布圖
when：瀑布圖可用于抽離出堆疊條形圖中的一部分進(jìn)行重點(diǎn)關(guān)注脱吱，或者展示起點(diǎn)和結(jié)果以及其中的上升下降等變化智政。
why：分離子類別的數(shù)據(jù)，可以清晰看到總數(shù)的變化原因箱蝠。
how：重點(diǎn)突出變化的數(shù)據(jù)续捂。如果圖表中沒有瀑布圖，可以使用堆疊條形圖宦搬，并隱藏靠近X軸的部分(需要對數(shù)據(jù)分組并進(jìn)行計(jì)算)牙瓢。
10. 水平條形圖
when：對分組數(shù)據(jù)進(jìn)行整理時(shí)使用。
why：首先水平條形圖易于閱讀间校，在類別名稱過長時(shí)更加有效矾克，因?yàn)槲淖謴淖笸议_始書寫，符合大多數(shù)受眾的閱讀習(xí)慣憔足。當(dāng)受眾看到數(shù)字時(shí)就看到了結(jié)果胁附，一目了然酒繁。
how：同組數(shù)據(jù)中的不同類別需要在顏色上加以區(qū)分。并對展示的數(shù)據(jù)的顯示順序進(jìn)行分析控妻，如果類別有默認(rèn)的順序州袒，不妨嘗試使用默認(rèn)順序。如果要暗示受眾某種特性的信息弓候，可以自定義排序郎哭。
一般受眾的閱讀習(xí)慣是“之”字型閱讀(逐行閱讀)，請把最重要的類別放到最前面菇存，并將數(shù)值以降序進(jìn)行排列夸研。
11. 堆疊水平條形圖
原理類似堆疊豎直條形圖。
12. 面積圖
只有在可視化相差極大的數(shù)值時(shí)使用撰筷。
總結(jié)：圖表是數(shù)據(jù)的載體陈惰，也是讓數(shù)據(jù)變得直觀的方式，所以在選擇圖表的類型時(shí)毕籽，首要條件就是能清晰的將信息傳遞給受眾抬闯。為什么準(zhǔn)確無誤的給受眾提供數(shù)據(jù)，在每次選擇圖表時(shí)都要問兩個(gè)問題关筒，受眾是誰溶握？你希望他們了解什么或者做什么？回答了這些問題后才能做出優(yōu)秀的可視化方案蒸播。用作者的話說睡榆，“無論是信息圖還是其他——不僅僅是指定主題的事實(shí)堆積，而是要講述一個(gè)故事袍榆≌陀欤”
需要避開的陷阱
書中作者提到幾中平時(shí)應(yīng)該避免的圖形，餅圖包雀，甜甜圈圖(環(huán)形圖)宿崭，3D圖形，雙y軸等才写。其中餅圖作為開發(fā)中最常用的一種圖形葡兑，在數(shù)值相差不大的情況下很容易誤導(dǎo)受眾，比如書中提到了一個(gè)關(guān)于市場份額的例子赞草。
“圖中展示的餅圖（基于實(shí)際案例）展示的是 A讹堤、B、C 和 D 四個(gè)供應(yīng)商的市場份額厨疙。如果我要求你簡單觀察一下——在這張圖中哪家供應(yīng)商的份額最大——你會得出什么結(jié)論洲守？”
在沒有標(biāo)注數(shù)值的情況下，視覺就是我們最直觀的衡量方式，明顯感覺供應(yīng)商B的份額最大岖沛。接下來暑始，看一下標(biāo)注數(shù)據(jù)的圖表。
發(fā)現(xiàn)其實(shí)占有率最高的是供應(yīng)商A婴削，那么問題出在哪里呢？
傾斜使得餅圖上方的部分顯得距離更遠(yuǎn)牙肝，因而看起來比實(shí)際要小唉俗，下方的部分距離較近，所以看起來相對更大一些配椭。
作者反復(fù)強(qiáng)調(diào)虫溜，不要使用3D圖形進(jìn)行可視化，因?yàn)樗鼤で鷶?shù)據(jù)的視覺效果股缸。
不使用餅圖還有一個(gè)原因衡楞，人眼不善于在二維空間進(jìn)行定量的度量，當(dāng)餅圖的各部分?jǐn)?shù)值很相近時(shí)敦姻，我們無法判斷那一塊更大瘾境。
更好的解決方案就是使用水平直方圖來代替餅圖，數(shù)值從大到小依次排列镰惦，這樣受眾就能清晰的看到哪個(gè)供應(yīng)商的市場份額更大迷守。
那么不使用甜甜圈圖(環(huán)形圖)，也是類似的道理旺入，餅圖是讓受眾比較角度和面積兑凿，而甜甜圈圖則是讓受眾比較弧度，這同樣難以完成茵瘾。
“數(shù)據(jù)可視化的黃金定律之一是：永遠(yuǎn)別用 3D 圖形礼华。跟著我重復(fù)一遍：永遠(yuǎn)別用 3D 圖形。唯一的例外是當(dāng)你的確在繪制三維空間時(shí)（即便如此拗秘，事情會很快變得棘手圣絮，所以千萬謹(jǐn)慎）——在繪制一維空間時(shí)，永遠(yuǎn)別用 3D 圖形聘殖。正如在之前餅圖的示例中所見晨雳，3D 使數(shù)據(jù)發(fā)生傾斜，從而更難甚至無法解讀和比較奸腺〔徒”
摘錄來自: [美] Cole N. Knaflic. “用數(shù)據(jù)講故事”。 iBooks.
