本文是读书笔记,精简了个人不需要的部分,如果你想深入了解,以下是原书信息,请支持原书作者 Title: Say It with Charts: The Executive's Guide to Visual Communication Author(s): Gene Zelazny Publisher: McGraw-Hill Year: 2001
5类信息-5类图表
![66ed3678e4e77abdc34da0345907e48a.png](https://img-blog.csdnimg.cn/img_convert/66ed3678e4e77abdc34da0345907e48a.png)
![54766851b1aeb7ccaf51d9c1298a002a.png](https://img-blog.csdnimg.cn/img_convert/54766851b1aeb7ccaf51d9c1298a002a.png)
图表信息规范
成份比较:饼图
1、项目数量不要超过6个,推荐5个以内
2、比较整体中的某个项目,建议用柱形图
![e22610c26d60ee80a0dbce01ef6477ca.png](https://img-blog.csdnimg.cn/img_convert/e22610c26d60ee80a0dbce01ef6477ca.png)
项目比较:条形图
1、柱形图中柱子之间的间距要小于柱子的宽度
2、强调的项目使用对多突出的颜色
3、使用刻度或者在条形结尾加上数字,两者不要同时使用
![59766fca243aef21185105226c1ddeaf.png](https://img-blog.csdnimg.cn/img_convert/59766fca243aef21185105226c1ddeaf.png)
4、6种条形图应用
![57f4b18cfe008bc4b7547267d1ec4423.png](https://img-blog.csdnimg.cn/img_convert/57f4b18cfe008bc4b7547267d1ec4423.png)
5、项目名称较长的时候建议条形图
![ccd0aa6b77b838ab11dbaa1b6062d63d.png](https://img-blog.csdnimg.cn/img_convert/ccd0aa6b77b838ab11dbaa1b6062d63d.png)
6、5种柱形图
![00a2e50302d26e7fda93cfc54a2d4b89.png](https://img-blog.csdnimg.cn/img_convert/00a2e50302d26e7fda93cfc54a2d4b89.png)
7、折线图的线要比参考线粗一些
8、合理应用参考线、网格线强调你想表达的信息
图表选择
1、不是数据决定用哪种图表,而是根据你想说的内容选择图表
2、即使没有数据,也要合理选择图表把信息可视化
3、看图说话,图与信息可以相对独立的表达同一意思
![237a72a20eaf49ab8b865570606cb05b.png](https://img-blog.csdnimg.cn/img_convert/237a72a20eaf49ab8b865570606cb05b.png)
![70496f13530092e638d6007e7c36e1f4.png](https://img-blog.csdnimg.cn/img_convert/70496f13530092e638d6007e7c36e1f4.png)
成份比较-饼图
展示部分在整体中的大小,占比,百分比
1、强调某个成份、占比可以有这样几种饼图
![2200138163aaddc0230a2cb931c57061.png](https://img-blog.csdnimg.cn/img_convert/2200138163aaddc0230a2cb931c57061.png)
![b3e25698cc20d04334bb7dc9ee5a6d7e.png](https://img-blog.csdnimg.cn/img_convert/b3e25698cc20d04334bb7dc9ee5a6d7e.png)
![8239a75f53192b302003e3569678b913.png](https://img-blog.csdnimg.cn/img_convert/8239a75f53192b302003e3569678b913.png)
2、突出成份非常多的时候可以超过6个成份,否则请不要让饼包含太多的成份以免信息混乱,这种情况也可以采取20/80组合法,把相对不重要的部分组合成“其他”项
![d2f3f3ff9453040340add26601fd22fd.png](https://img-blog.csdnimg.cn/img_convert/d2f3f3ff9453040340add26601fd22fd.png)
3、超过1个整体,且需要表达成份间的关系时,建议使用两列柱形图,而非饼图
![7087953d1c93a98ecd7d36daceb3a6ec.png](https://img-blog.csdnimg.cn/img_convert/7087953d1c93a98ecd7d36daceb3a6ec.png)
![d3913d0b0e062af80dc258b40e2ce328.png](https://img-blog.csdnimg.cn/img_convert/d3913d0b0e062af80dc258b40e2ce328.png)
4、表达某个成份内的项目频率分布或项目排名,可以在饼图的某个部分扩展柱形图
![bbb1d17b6b13111529652c630c7f8303.png](https://img-blog.csdnimg.cn/img_convert/bbb1d17b6b13111529652c630c7f8303.png)
项目比较-条形图
展示项目排名
1、使用一定排序的条形图表达项目排名、频率分布,从大到小,不规则,从少到多……
![c26c04672577ba2b4d6e1b8ebe4a6be5.png](https://img-blog.csdnimg.cn/img_convert/c26c04672577ba2b4d6e1b8ebe4a6be5.png)
![782cca38e0f8eade6036888133c3da6e.png](https://img-blog.csdnimg.cn/img_convert/782cca38e0f8eade6036888133c3da6e.png)
2、使用蝶形图可以同时表达盈亏,正反,结果互斥的排序关系
![f38d640b6dc849854a8a3fcae0ebf4f6.png](https://img-blog.csdnimg.cn/img_convert/f38d640b6dc849854a8a3fcae0ebf4f6.png)
3、使用区间条形图可以同时比较不同项目内最小值与最大值的分布
例:我们需要表达近30天直通车5款产品每个产品近30天内的最低CPC与最高CPC的分布
![b2255a73bde35013cabe709f98073cce.png](https://img-blog.csdnimg.cn/img_convert/b2255a73bde35013cabe709f98073cce.png)
4、当需要表达多个序列的项目间排序或分布时,可以用多个条形图,把我们重点关注的项目标注
例:最近30天直通车奶瓶的CTR、ROI都比其他产品高
![b4a2b7e2242808ec31c076af33d2d536.png](https://img-blog.csdnimg.cn/img_convert/b4a2b7e2242808ec31c076af33d2d536.png)
5、使用组合条形图表达序列中的每个项目包含2个子项目时,排序或关系(同比,环比),添加标记表达目标信息
例:3月份整体推广花费同比去年没有增长
![99fa37337bbd753c4820f51d9fea37df.png](https://img-blog.csdnimg.cn/img_convert/99fa37337bbd753c4820f51d9fea37df.png)
6、使用组合重叠条形图表达序列中的项目包含2个项目时,比较差异值
例:2月份店铺主推产品的实际销售额都比计划要低很多,也只有当后置的项目值比前置的项目值都要大的时候,这种图才比较直观,否则不要使用
![304024e576debb39a229f02355d61567.png](https://img-blog.csdnimg.cn/img_convert/304024e576debb39a229f02355d61567.png)
7、使用堆积条形图表达序列中的项目包含多个子项目,关注某个子项目的排序,分布,并且突出表示重点子项目数值大小
例:上半年直通车费用连续6个月是所有渠道中花费最高的(标记每个月直车通的费用数值)
![c80cb1a61e22db1f7018cf4dea800298.png](https://img-blog.csdnimg.cn/img_convert/c80cb1a61e22db1f7018cf4dea800298.png)
8、使用百分比堆积条形图表达序列中的项目包含多个子项目,关注某个子项目的排序,分布,并且突出表示重点子项目占比,忽视绝对值
![ccf681e4ff495eaaf97e60b34f7112f3.png](https://img-blog.csdnimg.cn/img_convert/ccf681e4ff495eaaf97e60b34f7112f3.png)
9、使用滑动堆积图(百分或绝对值)表达序列中的项目仅包含2个子项目,共享一条参考线,关注子项目间的比较,排序,分布等,下图是一个百分比堆积图,每一行都是100%
例:上半年各月付费流量在全店占比几乎一样
![7f8c4546d645c5345d278ced81565b30.png](https://img-blog.csdnimg.cn/img_convert/7f8c4546d645c5345d278ced81565b30.png)
10、使用箭头表达动态数据,下图:PVC已经渗透市场(渗透)
例:快消行业(纸尿裤、零食、粮油米面……),猫超和直营已经抢占了大部分品牌市场
![2069e1b21d0fc6726fb7fff9299ef8be.png](https://img-blog.csdnimg.cn/img_convert/2069e1b21d0fc6726fb7fff9299ef8be.png)
11、下图表达资产负债表非常恰当,资产由众多子项目组成,负债也由众多子项目组成,且资产与负债之间保持整体平衡的对应关系
![48cbbdd3471f91b58f850dd6ab2f3f74.png](https://img-blog.csdnimg.cn/img_convert/48cbbdd3471f91b58f850dd6ab2f3f74.png)
12、使用箭头突出表达不同时段(固定流程)的项目环比增长的部分
![a6a818569a0a080dc4ea965a806b6808.png](https://img-blog.csdnimg.cn/img_convert/a6a818569a0a080dc4ea965a806b6808.png)
13、使用饼图+条形图表达整体中某部分的关联项目排序,分布情况
例:直通车本月花费全渠道占比60%,对直通车渠道扩展条形图,并列出各产品的费用投入,展示这些费用的分布
![2abb56e593c48124c383ffbadd3828f5.png](https://img-blog.csdnimg.cn/img_convert/2abb56e593c48124c383ffbadd3828f5.png)
14、表达差异值,可以把百分比图从上至下0-100,并用箭头标注出差异值以备突出表达差异的部分
例:每月预测销售额,展示各渠道缺口流量
![8f7cb5e40e635fb9099445f306aaab48.png](https://img-blog.csdnimg.cn/img_convert/8f7cb5e40e635fb9099445f306aaab48.png)
15、同时表达互斥影响的箭头
![5f6bd34f38c55a1a4ddb989d586bc4bc.png](https://img-blog.csdnimg.cn/img_convert/5f6bd34f38c55a1a4ddb989d586bc4bc.png)
时间序列-柱形图
展示随时间变化
1、柱形图表达时间趋势上的变化,并通过箭头,辅助线,阴影或者颜色等突出想表达的信息
![4503dd394ec85e4b9d060a2f4775f41d.png](https://img-blog.csdnimg.cn/img_convert/4503dd394ec85e4b9d060a2f4775f41d.png)
![586da6b87eda8af25fb664ee8aa585f2.png](https://img-blog.csdnimg.cn/img_convert/586da6b87eda8af25fb664ee8aa585f2.png)
![14e47b7c232fc04c2affc92f0fce8364.png](https://img-blog.csdnimg.cn/img_convert/14e47b7c232fc04c2affc92f0fce8364.png)
![e04ab6df5216b40aa4da4bf491a2d6ba.png](https://img-blog.csdnimg.cn/img_convert/e04ab6df5216b40aa4da4bf491a2d6ba.png)
2、使用区间柱形图,同时表达某个项目内最大值、最小值、平均值随时间变动的趋势,常见于股票市场
例:最近30天,直通车每天最大CPC,最小CPC,平均CPC变化趋势,交叉标记是平均值
![f93d5248f9cf5fe28c079e5d3c6a3b5a.png](https://img-blog.csdnimg.cn/img_convert/f93d5248f9cf5fe28c079e5d3c6a3b5a.png)
3、使用坐标双向刻度,展示两组项目在时间趋势上的关系
例:过去半年ROI的下降与CPC的增长有很大关系
![12c0d1484b2f2b144b9113f9398cee6f.png](https://img-blog.csdnimg.cn/img_convert/12c0d1484b2f2b144b9113f9398cee6f.png)
4、多个不同单位的项目随时间的变化结果比较,首先把所有数值设置成统一的百分比,把其中一个时间点的不同数值设置成相同高度,然后突出另外一个时间点相对于这个时间点的增长趋势
![fc45704f55fde2f11e788c58c2a5e5a0.png](https://img-blog.csdnimg.cn/img_convert/fc45704f55fde2f11e788c58c2a5e5a0.png)
5、组合重叠柱形图,两组数值必须其中一组始终高于另外一组
![a891d567d8e469033da8681aae4ef7e9.png](https://img-blog.csdnimg.cn/img_convert/a891d567d8e469033da8681aae4ef7e9.png)
6、堆积柱形图,展示整体变化趋势,以及单个项目内各子项目的分布趋势,强调绝对值
![00f778e467349ecbc72516f7fc1112f1.png](https://img-blog.csdnimg.cn/img_convert/00f778e467349ecbc72516f7fc1112f1.png)
7、组合条形图,分别展示整体趋势以及各部分趋势
![8cd9837c671283def4561f475e45dfd6.png](https://img-blog.csdnimg.cn/img_convert/8cd9837c671283def4561f475e45dfd6.png)
8、百分堆积条形图,使用不同颜色展示各部分,忽略绝对值
![862bfd0f6086cd983a8fc49c196d21ab.png](https://img-blog.csdnimg.cn/img_convert/862bfd0f6086cd983a8fc49c196d21ab.png)
9、下图表示了项目开始与结束两个阶段的对比,以及中间的增加,减少的过程
例:2018年初直通车CPC是1.5元,2019年初直通车CPC是2.1元,中间各月CPC上升与下降的幅度,使用箭头方向表达两种互斥状态(上升/下降,增加/减少)
![6f5ac717df37bb8c9b878c5ff2c700ac.png](https://img-blog.csdnimg.cn/img_convert/6f5ac717df37bb8c9b878c5ff2c700ac.png)
10、下图适用变化波动比较大的情况,步进柱形图,上方的趋势线可以直观反应变化波动大的情况
![339c35286b577844e244cff43a072310.png](https://img-blog.csdnimg.cn/img_convert/339c35286b577844e244cff43a072310.png)
时间序列-折线图
展示随时间变化
1、同一条折线线型不同,实线表示历史数据,虚线表示预测数据
![e3f1d912bc0184eb16164eb85bf86dbd.png](https://img-blog.csdnimg.cn/img_convert/e3f1d912bc0184eb16164eb85bf86dbd.png)
2、组合折线,如果两条线存在交叉点,需要使用不同线型或者颜色区分,以免误导
![a395140d4e7461faaa3e74d09c718aab.png](https://img-blog.csdnimg.cn/img_convert/a395140d4e7461faaa3e74d09c718aab.png)
3、关注项目间差异的趋势,正负差异有不同的意义,下图是损益表趋势。忽略平衡的部分,突出差异的部分
![93e440a24b2661f1161209a4efb90d53.png](https://img-blog.csdnimg.cn/img_convert/93e440a24b2661f1161209a4efb90d53.png)
4、波动预测拆线,实线表示理想值,两条虚线表示变动范围
例:2019年直通车CPC预估成本(实线表达我们每月理想成本,上下两条表示最大成本,最低成本)
![5b0e5a8adba8f0dac9a983cd66b42b4a.png](https://img-blog.csdnimg.cn/img_convert/5b0e5a8adba8f0dac9a983cd66b42b4a.png)
5、需要对比两组不同单位的数值趋势,可以统一换算成百分比,这样会更加直观
![c65c91de0e9d68687dd9d0b7db7d4384.png](https://img-blog.csdnimg.cn/img_convert/c65c91de0e9d68687dd9d0b7db7d4384.png)
6、要表达的项目太多的时候,需要分开多张图表展示,以免信息混乱,反而无法直观表达信息
![453587863b8f1839b66b6bccc9be18bb.png](https://img-blog.csdnimg.cn/img_convert/453587863b8f1839b66b6bccc9be18bb.png)
![f427039ea4c78045ff8638ada50a81e7.png](https://img-blog.csdnimg.cn/img_convert/f427039ea4c78045ff8638ada50a81e7.png)
7、面积图可以表达某一趋势的同时,恰当标注出相反趋势的部分,加以重视
下图整体呈现上升趋势,阴影部分呈现下降趋势
![a87d4a6be1b2325c30af4acfb9864bbc.png](https://img-blog.csdnimg.cn/img_convert/a87d4a6be1b2325c30af4acfb9864bbc.png)
8、当一个整体数值呈现稳定趋势的时候,可以用面积图展示内部子项目的变化趋势
如下图,X模型不断被挤压缩小,但是如果整体数据是一个增加的或者下降的趋势,那么
此图中的X模型不一定是在减少,这种情况就不能正确表达信息,所以使用这样的图表有必要添加一个数值表帮助别人判断
![99c0305e3af11c62a6299c3b46bb571b.png](https://img-blog.csdnimg.cn/img_convert/99c0305e3af11c62a6299c3b46bb571b.png)
时间序列-组合图
1、两列柱形图用于数值趋势对比
![cec6f994d06843426499b580904f9cc6.png](https://img-blog.csdnimg.cn/img_convert/cec6f994d06843426499b580904f9cc6.png)
2、一个条形图表达月度结果,一个折线图表达月度累积结果
![adfeac5d16e93d2fc11232ffeaa3c067.png](https://img-blog.csdnimg.cn/img_convert/adfeac5d16e93d2fc11232ffeaa3c067.png)
3、同时反映增长,下降的趋势。柱形图反映年份是增长或是下降的绝对值,拆线突出盈亏平衡点以及盈亏平均的趋势,折线是一种累积数据
![7eb4f10546790dc9964515dac5e6725e.png](https://img-blog.csdnimg.cn/img_convert/7eb4f10546790dc9964515dac5e6725e.png)
4、正负条形图反应盈亏趋势,折线反应净利趋势,折线不是累积数值
![661bb5afc760692d30cc02d56a5666fe.png](https://img-blog.csdnimg.cn/img_convert/661bb5afc760692d30cc02d56a5666fe.png)
5、反应计划与实际的进度差异,YTD
![4b1f38b0c91a6a186e175d683f470c70.png](https://img-blog.csdnimg.cn/img_convert/4b1f38b0c91a6a186e175d683f470c70.png)
6、在每个数据点上使用饼图表示子项目组成,但是这种情况下,饼图的所有项目尽量不要超过3种,否则看起来会比较复杂难懂
![f46be9711da19c5c31eb004b51693d71.png](https://img-blog.csdnimg.cn/img_convert/f46be9711da19c5c31eb004b51693d71.png)
频率分布
1、直方图展示(无间距的柱形图)
![757a1c98a89a32b4f7d2128b00790459.png](https://img-blog.csdnimg.cn/img_convert/757a1c98a89a32b4f7d2128b00790459.png)
2、同一图表中,两种线形表达两种频率分布
![f8cfc1e88be501be06e09bcb0560911b.png](https://img-blog.csdnimg.cn/img_convert/f8cfc1e88be501be06e09bcb0560911b.png)
3、堆积柱形图
![8d23b4f8f470641b60f5a1ec372f6ec1.png](https://img-blog.csdnimg.cn/img_convert/8d23b4f8f470641b60f5a1ec372f6ec1.png)
4、步进柱形图+柱形图,尽管前面的柱形图部分挡住后面的柱形图,但是整体信息表达没有问题,比较直观
![5dfefdce68760b0ddc94560c26ca0061.png](https://img-blog.csdnimg.cn/img_convert/5dfefdce68760b0ddc94560c26ca0061.png)
关系比较
1、散点图+趋势线
![e14084aad497e4c920d7c028111d1164.png](https://img-blog.csdnimg.cn/img_convert/e14084aad497e4c920d7c028111d1164.png)
![fcb5e33a1ce8532bc837a6aa02c3213b.png](https://img-blog.csdnimg.cn/img_convert/fcb5e33a1ce8532bc837a6aa02c3213b.png)
2、蝶形图
![51b520ab0a4127e07ec459974578f485.png](https://img-blog.csdnimg.cn/img_convert/51b520ab0a4127e07ec459974578f485.png)
![c86ffadf7ed0bb760c40c4475abde991.png](https://img-blog.csdnimg.cn/img_convert/c86ffadf7ed0bb760c40c4475abde991.png)
3、组合散点图
![0b2c31099c2b51adc26dea39efa84f6f.png](https://img-blog.csdnimg.cn/img_convert/0b2c31099c2b51adc26dea39efa84f6f.png)
4、区间分布
![d09206b2f37bcea612a3ce92465e6614.png](https://img-blog.csdnimg.cn/img_convert/d09206b2f37bcea612a3ce92465e6614.png)
5、堆积图+折线
![e58ffcac6d2074d952ab6008a8c5a85d.png](https://img-blog.csdnimg.cn/img_convert/e58ffcac6d2074d952ab6008a8c5a85d.png)
6、气泡图
![7f1275081e794a2944fabc8b3682e1f8.png](https://img-blog.csdnimg.cn/img_convert/7f1275081e794a2944fabc8b3682e1f8.png)
7、
![3bff992f6aeb5b821df9ea57b23f5bbe.png](https://img-blog.csdnimg.cn/img_convert/3bff992f6aeb5b821df9ea57b23f5bbe.png)