标题|政务可视化设计经验——图表习惯( 六 )_

文章插图
3. 面积图图表习惯的相关案例面积图又叫区域图，和折线图有相似的地方。但是与折线有区分的是多了一个面积概念，颜色的填充可以更好的突出趋势信息。面积图用于强调数量随时间而变化的程度，也可用于引起人们对总值趋势的注意。他们最常用于表现趋势和关系，而不是传达特定的值。
与折线相比，面积图多了面积的元素会更好表达趋势，而折线则是强调数据对于的值以及数据之间的变化。
1）面积颜色的样式对应不同的场景和表达，同一系统需要准确的使用
面积图主要是表达趋势和关系，在这个基础上有实底、透明、渐变三种样式。实底面积图为基础样式，旨在表达趋势，透明面积图旨在表达趋势的对比，渐变旨在表达累计。

文章插图
2）当面积图中趋势太多或者太少，请使用其他图表去表达数据
当面积图的x轴过于少量，不如使用堆叠柱状图更容易表达数据间的关系；当面积图的趋势种类过多（大于3），不如使用折线图更适合表达数据间的关系。

文章插图
4. 柱条图图表习惯的相关案例柱状图用于描述分类数据之间的对比，条形图即是横向柱状图，相比基础柱状图，条形图的分类文本可以横向排布，因此条形图适合用于分类较多的场景。
政务可视化中我们依循7±2规则，柱状图总数不超过5类，条状图总数不超过7类，饼状图不超过9类。种类过多情况使用隐藏手法。
1）使用合适的宽度去适配柱条的宽度，太窄或太宽只有特定的表达目的中会使用。
习惯使用柱子宽度在整体宽度的60%，基础示意如下：柱子宽度3N、柱子间的宽度2N、柱子离边界宽度N。

文章插图
当然更宽的柱宽以及窄间距会给人更有力量靠谱的感觉，更窄的柱宽以及宽间距会给人细腻高端的感觉，遵从排版原则。

文章插图
2）分组柱状图/条状图需要强调组的概念，故组和组之间的间距要大于元素与元素之间的间距。

文章插图
3）分组柱状图的数值是要差异不大的，如果数值差很大或者不在同一个度量衡中，建议使用双轴图。

文章插图
4）堆叠条状图的数值建议在图形之间，居中对齐。居左会产生误解。

文章插图
5. 饼状图图表习惯的相关案例饼图主要是用来表达不同分类的占比情况，一个扇形区域就是一个分类。环图与饼图类似，一个弧形切片就是一个类型，都是根据面积的大小来判断占比情况。
饼图和环图都是受争议的图表，从视觉上去比对面积的大小情况是很难确定了，因此非常依靠标签来辅助。
相对于饼图更加推荐使用环图，弧长比面积和角度更有效，且环图中心留白区域可以做文章。
1）饼图和环图的分类数不超过9类

文章插图
2）饼图和环图的多个极小值可以合并展示

文章插图
3）饼图和环图的起始依循表盘，从12点开始并顺时针方向排列

文章插图