chart.js 饼图显示百分比_数据可视化实践饼图、柱图

 饼图、柱图是最基础的可视化图表,有多个派生图样可供选择,如何选择合适的图表,需要数据使用者细细体会。

 01 

 饼图

实心饼图常用于表达百分占比,如示例1-1 费用占比,通过图表可直观展现不同费用占比,相比表格更加直观了解整体分布情况。

4bbfca86266bcd41f9196a8fd9c0277e.png

饼图表达占比时一般元素不宜过多、占比悬殊不宜过大,需要结合数据分析情况,判断是否适用,如示例1-2中费用项较多、占比悬殊时,饼图并不是一个好选择。

62e2ae41005308a5e421f3767eb770bb.png

如示例1-2可通过瀑布图进行展现,相比饼图更加直观清晰。

293053cbcb84f163bc11b5bdf0e3930c.png

环形图饼图是饼图派生图,通过环形图可展现百分比组成,同时可将图形标题或说明展现在环中,相比实心饼图表现力更丰富。

e62cf24284b2cc3f54e8793801ae5851.png

饼柱组合图可很好表达整体中的部分详情信息(需要重点表达的内容),如下通过饼图表达异常数据与合规数据占比,通过牵引线对异常数据的占比进行放大展现,凸显异常数据的组成情况。

3ffba6d9d4af9338adcd3f3e90c6e6b0.png

02

 柱图

常规柱形图通过柱子的高低表现数值大小,方便用户直观进行对比, 如下示例:

b60d0c7b6dc40cfd4e2435d5ac22d994.png

根据数据应用场景不同可对图表进行必要修饰:

1、若需要对企业排名,则可按照数值大小排序;

2、若维度名称较长,又希望能完整展现,可选用横向柱图,如示例1;

3、为凸显最高或最低的柱图,可设置不同颜色。

百分比柱图可很好用于表达百分占比情况,如示例2,HR希望分析不同岗位或部门中不同学历占比情况(性别、职位等),通过图形可直观分析哪个岗位上高学历占比最高、低学历占比最多,为下一步细化分析提供依据。

a2dc1a582dae4ff9f2cbbf454482ed0d.png

百分比柱图展现了人员组成,要查看具体数值,可结合并行柱图展现:

f992bd75884c5a652d31e055ee4b96f9.png

在分析企业月度营收同比时常采用柱图组合图:并行柱图同时 + 增长率曲线,通过并行柱图对比最近两年收入具体差距,通过增长曲线分析月度对比增长趋势。

7c855c4957b1539f60da74b748cb4b02.png

常见的柱图组合图形式还包括基准线误差线,如下示例:企业管道工程单米造价设置了企业均线与集团考核线作为基准线(也称示险线),在一些可视化工具中可实现对超过基准线的柱图显示不同颜色,如超过集团考核线显示黄色、超过整体均线显示红色;同时可增加误差线(+-5%),方便查看具体数值可能波动范围情况。

8bb93c73a07b6b33f4c98c7580db196f.png

柱图派生的一个重要分支任务达标图,可很好表达指标任务的计划、已完成、未完成,示例如下:

7317f7c02d334d01a55a3bbf7a4420d1.png

cff4cd81757c2ffd9029c7de0ef9f947.png

为很好表达数据观点,在工作汇报、观点宣讲时抓住受众注意力,有时也可通过对图形形状进行修饰,增强表现力:

f54d1f4a0e98509d09bc94d55a3be2a4.png

以上是结合企业常规业务场景,对柱图、饼图进行的一些归纳,属于数据可视化认知的基础知识,供大家参阅。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值