蘇有熊 商業圖表分析 3月7日
前幾天看了一個財經類公眾號的文章，裡面的圖表很粗糙，所以發動了一起來優化這組圖表。
原圖
作為一個專業財經媒體，公開發表的文章裡的圖表，其版式設計、圖表細節方面應該有一個基本的水準。
不管是對於個人還是對於一個組織，所設計、製作併發布的數據圖表，可以折射出該組織和個人的專業化程度，圖表的好壞直接影響到組織或個人的形象。
所以，雖然我們推崇圖表的簡潔化，但是要摒棄圖表的粗糙化。
這些圖不管是圖形樣式的選擇，還是圖表的細節，都很糟糕，我們來看下如下幾個細節。
配色
顯然這些圖用的是office的默認配色，正是因為微軟在office默認配色上的不重視，所以我們可以很多的討論如何將xml文件添加到系統office自定義配色的文件夾中。
就這些圖來講，用office默認配色尚可接受，但是你至少要保持一個前後統一。
原文裡第2張圖片是一個多個切片的餅圖：
用的是咖啡色，然後不同切片用了不同的色彩飽和度，而後面的多系列圖表，則又使用了多個顏色？！
配色的選擇過於隨意。
要知道顏色（也可以稱之為“色調”）和色彩飽和度都是重要的可視化元素，不能信手拈來。
請看下圖所示的視覺暗示的種類：
圖1金字塔圖
這是一幅表示股權結構的金字塔圖，屬於樹狀圖的一種。
樹狀圖將複雜、龐大的抽象課題，模擬“樹”的外形，從“主幹”不斷向外擴展，分裂成“枝葉”細節，以全盤掌握議題中每個元素之間的”大與小"、 “整體與部分”、“目的與手段”的相互關係。
而這幅圖，這個箭頭簡直是亂標，有人能看出這個公司的股權結構是哪樣的麼？
圖3餅圖
這個分塊所表示的百分比加起來不等於100%的餅圖是什麼鬼？
這個餅甚至不是一個圓形！
而是一個橢圓！
真的很佩服這篇文章的製作的想象力，在如何犯錯方面簡直獨出心裁。
結合上下文可以看出，這是一個植物蛋白飲料企業間市佔率的對比。
類別對比條形圖啊！
畫個餅圖，不知所謂，餅圖是表示佔比，構成對比關係。
這個餅圖還用了十幾個切片，我們要避免超過6個切片的餅圖。
圖4柱形圖
這個圖的柱子上方加了數據標籤，標明瞭數值，左邊這個刻度是幹嘛的，有什麼用，“冗餘”，去掉。
當我們觀察一個圖表元素是否屬於“冗餘”，你就直接把它刪掉，看它影不影響圖表的閱讀效果，是否少了這元素就會導致別人看不懂或者誤解這個圖表，如果絲毫不影響，那不要猶豫，刪除它！
“冗餘”，是數據可視化先驅Edward Tufte提出來的一個概念，英文原文為“chartjunk”，所以也可以直譯為“圖表垃圾”，
這個概念的釋義是這麼寫的：
“圖表垃圾指的是圖表和圖形中的所有可視元素，這些可視元素對於理解圖形上表示的信息不是必需的，或者會使查看者從該信息中分散注意力。
如果標記和視覺元素不是傳達可理解的信息所需的最小視覺元素的一部分，則可以將它們稱為“圖表垃圾”。可能被稱為圖表垃圾的不必要元素的示例包括粗或深的網格線，不必要的文本，不適當的複雜或花哨的字體外觀，裝飾的圖表軸以及數據圖中的顯示框架，圖片，背景或圖標，裝飾性陰影和不必要的尺寸。
另一種圖表垃圾使描述歪斜，並使其難以理解所顯示的真實數據。這種類型的示例包括彼此不成比例地描繪的項目，嘈雜的背景使圖表或圖形中的元素之間的比較變得困難，以及折線圖和條形圖中的 3-D模擬。”
這個詞是愛德華•塔夫特（Edward Tufte）在1983年出版的《定量信息的視覺顯示》中創造的。
表格2
這個表格裡有多個企業的營收及增速，很奇怪，前面兩個企業有“營收增速”指標，而後面兩個企業沒有標出這個指標，這是幹啥咧？要加都加上
文章末尾的柱形圖
這個類別軸標籤斜著好看麼？
類別對比條形圖！
用條形圖就可以解決這個類別標籤擺不下的問題，就這麼鍾愛柱形圖？！
這裡用一個簇狀條形圖就可以同時將這兩個指標放在一個圖裡，如果想比較兩指標的相關性，用蝴蝶圖或者散點圖：
接下來，我們隨機挑選幾個作品，來看一下同學們是如何拯救這些爛圖表的。
1號作品
▲▲▲
S同學的作品，練習作的質量很好，很優秀。
圖1：養元飲品的基本面
這段文字裡有如下信息，養元飲品的核心業務是核桃乳。
如果我們擴展下，橫向列標籤列出幾家植物蛋白飲料企業，縱向行標籤列出植物蛋白飲料的種類，然後可以做一個資料矩陣圖：
中間的數據區域可以弄個勾選，可以看出橫縱向觀察每個企業的產品類型和每個產品類型的參與企業。
也可以在數據區域輸入具體企業具體產品的市佔率，然後用色階生成一個熱圖，那麼就一眼可以看出每個產品的企業間對比或者每個企業的龍頭產品：
當然，要實現以上兩個設想，需要做一些數據收集的工作。
圖2柱形圖
原文裡也有個不易察覺的錯誤，華東、華中、西南、華北4個區域的合計收入佔比超過90%，我不知道原文為什麼寫個80%。
這裡的數據表示總銷售各地區的佔比，所以是一個成分對比關係，也可以稱之為構成對比關係，所以可選的圖形一般是：
這裡用一個餅圖或圓環圖，是比較常見的做法。
這個圖還有一個問題：
這個刻度尺，有點奇怪。
關於刻度尺的分類：
這裡是一個分類刻度，分類刻度有兩種，離散的條形刻度，一般根據每個類別的數值大小降序排列；或者使用順序標尺，類別間有其本身的邏輯順序，這裡就遵循這個既定的邏輯，而無需去根據數值大小排序。
所以，上圖的這個刻度尺，似乎都不符合上面兩個情形，可以考慮修改刻度尺。
圖3條形圖
這個圖很好，
用了一個高亮加強的技巧。
可以試著加一條垂直平均線。
圖4柱形圖
這個圖的左邊有一個數值刻度尺，但是沒有水平網格線，那麼刻度尺和柱形的對應就不夠強，有點遊離於圖表之外的感覺。
所以，當柱形添加了顯示數值的數據標籤，那麼可以刪掉數值刻度尺；反之，需要添加網格線，使用數值刻度尺和網格線的組合來映射柱形的長度。
圖5蝴蝶圖
這個蝴蝶圖，也可稱之為“旋風圖”，很漂亮。
蝴蝶圖一般用來展示兩個變量間的相關性關係。
好的，針對S同學練習1作品的點評就到這裡。
2號作品
▲▲▲
喬同學作品
同樣是非常優秀的練習作，在版式設計、圖表細節上都有很好的表現，每個圖表的標題都點明瞭圖表的主題，然後圖表元素可以和主題相互呼應。
第1部分
這個部分我尤其喜歡，首先表明了主要觀點：“行業內品牌競爭激烈”，然後通過各廠商的市佔率的展現來強化這個觀點
接著指明“細分領域集中化”，通過圖表展示幾個細分行業領軍企業的高市佔率，可以看出這幾個細分領域似乎就是被這幾個企業創造和定義。
非常優秀了
第2部分
這個部分這兩個紅框區域是很好的一個細節，兩幅圖分別添加了底注，來幫助圖表閱讀者更好的理解圖表。
我覺得為圖表添加恰當的背景信息是普通圖表和專業圖表的標誌性差別之一。
而背景信息，也是一大類重要的可視化組件：
第3部分
這裡用一個小而多組圖，展示了4個企業營收金額在時間變化上的變化，既可以橫向對比多個企業的營收規模，也可以縱向對比單一企業營收規模的時間序列的變化。
最後部分
這裡用折線圖可以算是一個瑕疵，折線圖只適合表示時間序列，而這幅圖的數據和時間序列無關，可以考慮使用散點圖，如果加入第3個變量，比如銷售規模，可以畫一個氣泡圖。
通過對散點圖的處理，可以成為一個象限圖，來展示這些企業在這兩個指標上的整體面貌。
類似下面這種4象限散點圖。
總體而言，雖然略有瑕疵，喬同學的作品依然可以稱得上非常優秀。
3號作品
▲▲▲
麥芽糖同學作品
非常棒的作品。
來看幾個細節。
圖1
這幅圖的設計很好，一個面積圖來展示養元飲品的營業收入隨時間變化而變化的情況，可以看出養元飲品的營業收入在2010年之前呈現緩慢爬升，而2010-2013年有了一個高速發展，而2013以後，營業收入的增長勢頭減緩。
圖表的設計者在面積圖加入時間線，通過幾個事件線來分割這幾個區間，原視積累、快速崛起、增長乏力，非常妙的處理。
即使是行業外人士，也能從圖表中看出，2010年實施品牌傳播的措施後，營業收入有了大幅增長，那麼可以看出這個營業收入的大幅增長即使不是全部是因為確定品牌定位、開展品牌傳播的措施，也是高度相關的。
所以可以算是用圖表講了一個故事，讓我們看到一個公司在發展各階段，採取不同的策略，對業績造成的影響。
圖2
下面這幅圖，
我覺得有點費解，不知道其他同學的觀感怎麼樣
一幅圖表除非閱讀者非常瞭解圖表所包含數據的背景，那麼就需要通過一些必要的背景信息來幫助人更好、更快的理解圖表表達所包含的信息。
圖3
然後這幅圖裡的紅色和深紅色虛線，據我猜測是表達在 該區間內出現了一個顯著下滑。
但是不知道猜得對不對
所以，一個圖表我們需要讓閱讀者不用去計算、不用去猜測，更不能讓圖表者產生困惑、誤解，導致我們想表達的和圖表閱讀者所感受到的有明顯差異。
所以，我們要有一個代入的技巧，假設自己是圖表閱讀者，能否清晰、準確、高效的從圖表中獲得我們想傳遞的信息，和觀點。
圖表是一門通過視覺化元素去進行溝通的語言，所以，圖表的語言，和我們日常和人交流的技巧有共通之處。
其他同學的作品
▲▲▲
本次練習提交的作品普遍都非常優秀，讓我們看下其他同學的作品，因為作品較多，作者姓名不一一介紹了。
親愛的讀者們，你更喜歡哪一幅呢？
好的，今天的內容就到這裡，我是作者蘇有熊，謝謝閱讀。
閱讀更多 excel我幫您 的文章
