echarts 如何在一条柱形显示两个数字_堆积柱形图:告别只懂两根柱形图做比较的尴尬...

bbac576536f96058e8a422c8f5bcc99b.png

今日分享主题:如何用柱形图直观地呈现变化幅度大小。

在数据分析中,有些时候,相比指标本身的大小,我们更希望看到指标变化幅度的大小。所以图表呈现的时候,我们更希望呈现变化幅度,这要怎么做呢?

你可能会说,这好办呐。把变化幅度算出来,然后做个最简单的柱形图就好了。

这确实是呈现了变化幅度的大小,可以满足我们的需求。但如果此时,我再对你提个需求:光有个变化幅度太片面了,我还想知道指标本身的大小,能不能同时把变化幅度与指标本身一起呈现?这样,我不仅可以比较变化幅度,还能够了解指标处在哪个量级。

这个时候,你还会继续说“这好办”吗?不要迟疑,你仍然可以继续说“这好办呐”,因为是真的好办。

怎么就好办了呢?回到需求本身来看:想要同时呈现指标的变化幅度与指标本身的大小。我们知道,它们之间是有逻辑关系的:变化幅度是由指标的两个比较值相减计算出来的。

也就是说,要用图表同时显示三个数字:两个比较值以及二者之差(变化幅度)。怎么呈现呢?

用堆积柱形图。为什么呢?怎么想到的呢?

先来回答为什么。

堆积柱形图既可以用来比较大小,还可以用来比较结构分布。而这三个数字的关系正好是加总构成的关系,同时需要比较大小,符合需求。

再来说怎么想到的呢?

其实你可以把这三者的逻辑关系换一下:其中一个比较值=变化幅度+另一个比较值。既然知道堆积柱形图可以用来比较结构分布,那这里正好一个比较值是由变化幅度与另一个比较值两部分加总构成,在图表中,即为堆积的形式呈现。

好,到这里,我们就把原理讲清楚了。接下来我们就举例来演示操作。

先虚拟3家公司的门店家数同比数据如下:

aa8d69e50553cf5efad47a0c6a4b3a91.png

再呈现效果图:

b7943a3bff53e499001b034a3ae72160.png

那这个图怎么做呢?so easy!下面来分享具体操作。

1. 准备好数据源:如上图

2. 选择合适图表:选中数据源中不连续区域:A1:A4、C1:D4,插入堆积柱形图。

5d2577e1f68836f97e8be56c2c764844.png

3. 调整柱形图填充颜色:2019Q1柱形图颜色填充调整为无色,变化幅度柱形图颜色根据自己的需求调整。

5a2910a5d0546854dc2b361afa2e1ef6.png

4. 美化图表:到这里,图表已经初具模样了。接下来进行一些美化工作:更改图表标题、删除图例、调整坐标轴、字体字号等等。

b7943a3bff53e499001b034a3ae72160.png

最后再说明两点:

第一,一般做图表我倾向于删除网格线,这样看起来干净更直观。但这里我有意保留了,是因为这里除了变化幅度,我们还希望能看出指标本身的大小,而网格线会让这个信息更直观。

第二,图表标题,我以前都没有细说。但其实图表标题是非常关键的,它直接决定了别人对图表的认识。所以图表标题一定要将关键信息保留,比如对象、时间、指标。而且图表要足够精简、通俗易懂,比如这里原本的指标是“门店家数”,在标题中换成了“规模”。

今天的分享就到这里,非常感谢你的耐心阅读,希望对你有所启发。如果还有不明白的地方,欢迎留言交流。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值