横向柱状图:长标签、排名与数据准备
标签较长或需要展示排名时,可以试横向柱状图,让分类各占一行。先在表格中按需要排列数据,再粘贴进ToCharts,工具本身没有自动排序按钮。检查数值轴从零开始,按需显示数值,最后导出PNG或SVG,并在实际文档或手机上确认标签和数字没有被截断。
问卷选项放在竖向柱状图下方,可能被截断或挤成斜排文字。可以先试横向柱状图,让“与现有系统集成”这类较长的选项各占一行,再检查标签宽度和换行。改变方向能增加排字空间,但不能无限容纳长文本。
标签太长,是最常见的理由
竖向柱状图的所有分类挤在同一个宽度里,分类每多一个,每根柱子下面的空间就少一点。产品名、问卷选项、国家名、功能需求,只要超过一两个词,就开始抢地方。横向柱状图把标签放在左边,一行一个,在左侧留白允许的范围内增加排字空间。
而且人读它的顺序和读文字一样,从上往下,一张横向柱状图读起来就像一份带长度的清单,而排名往往正是这个意思。
做排名时,用横向柱状图
如果这张图要说的是“谁排第一”,就把柱子从上到下按从大到小排好。这样顶部先显示最大的项目,读者可以沿列表比较后续项目。二十根排好序的横向柱子,比二十根竖着的柱子好扫得多,因为高一点的图更适合放进一页文档或一块手机屏幕,太宽的图反而难放。
时间是例外。如果分类是月份或年份,就保持竖向,从左往右排。从左到右是常见的时间序列排法,读者可能更熟悉。如果使用其他方向,就把时间顺序标清楚。
让它好读的几个小地方
如果读者会关心具体数字,就把数值标在每根柱子末端,标了数值就可以去掉网格线。柱子比柱子之间的空隙稍微粗一点。全部用一种颜色,只在你要强调的那一根上换色,比如竞品列表里你自己的产品。数值轴应从零开始,让柱子的长度与数值一致。例如,100和105相差5%;坐标轴从95开始时,可见长度成了5和10,后者看起来就长了一倍。
左侧的标签要么统一左对齐,要么统一贴着柱子右对齐。保持统一对齐,便于把每个标签与对应柱子联系起来。
还有一个常被忽略的场景:手机。现在很多周报、复盘是在手机上看的,竖屏下一张宽宽的竖向柱状图会被缩得很小,标签几乎看不清;同样的数据改成横向,往下滑就能读完,每一行都清清楚楚。如果你知道这张图主要会被转发到群里看,可以优先试横向排版,但仍要在手机上查看导出的图片,确认标签和数值可读。
直接用表格做一张
从表格里复制两列,一列标签、一列数字,粘贴到柱状图生成器里。需要排序时先在表格软件里排列数据行,再粘贴进工具,切换成横向,并起一个说明重点的标题,比如“大多数需求和系统集成有关”,然后下载 PNG 或 SVG。如果要比较两组数据,再加一列数字,每个标签就会有并排的两根柱子,用来对比今年和去年很合适。
诚实说明:目前做不到什么
ToCharts提供横向、纵向和分组柱状图,不会自动给数据行排序或计算总数。先在表格软件中整理,再检查导出的长标签换行。图表只在浏览器内渲染和下载,没有服务端批量生成图表的接口;横向排版也不能保证任意长度的标签都能放下。
常见问题
什么情况下应该用横向柱状图?
标签比较长、分类超过八个左右,或者这张图本身就是一个排名时,用横向柱状图。每个标签独占一行,阅读顺序也是自上而下。
横向柱状图需要排序吗?
展示排名时,先在原表格中把数据从大到小排好,再粘贴作图。分类有固定顺序时可保留原顺序;当前ToCharts工具没有自动排序按钮。
横向柱状图可以用来表示时间吗?
可以,但大多数读者习惯时间从左往右走。月份、年份这类数据,用竖向柱状图或者折线图会更好读。
横向柱状图的坐标轴必须从零开始吗?
必须。每根柱子的长度就代表它的数值,坐标轴不从零开始,会放大柱子之间的差距,让读者误判实际差异。
横向柱状图怎么比较两组数据?
再加一列数值。这样每个标签会有两根并排的柱子,很适合用来比较今年和去年这类成对的数据。