数据可视化方式2

举报
加油O幸福 发表于 2021/02/04 09:21:37 2021/02/04
【摘要】 2. 嵌套甜甜圈(Nested donuts)就像“蛇形图” ,深受设计师喜爱的“甜甜圈” ,尤其是嵌套式的甜甜圈,这会影响数据准确性,并将增加了数据比较的障碍。另外,这两种方法在有效利用空间方面都存在问题。人们或多或少能够接受均匀的百分比: 完整的圆= 100% ,半个圆= 50% ,四分之一= 25% ,三分之三= 75% 。但是,如果一个圆圈的终点位于“一半”和“三分之三”之间——就像...

2. 嵌套甜甜圈(Nested donuts)


就像“蛇形图” ,深受设计师喜爱的“甜甜圈” ,尤其是嵌套式的甜甜圈,这会影响数据准确性,并将增加了数据比较的障碍。另外,这两种方法在有效利用空间方面都存在问题。


image.png


人们或多或少能够接受均匀的百分比: 完整的圆= 100% ,半个圆= 50% ,四分之一= 25% ,三分之三= 75% 。但是,如果一个圆圈的终点位于“一半”和“三分之三”之间——就像图片上的绿色圆圈一样,那会怎样呢?你能多快计算出50 + 25/2并推断出它应该在62.5%左右?


如果你只有一个圆,你可以在中间放一个百分比数字,但是如果部件包含三个圆呢?


image.png


现在,环形图的圆滑边缘可能会让图表看起来很可爱,但最终会扭曲数据。这样的圆滑边缘在真实值的基础上增加了两到三个“幽灵”百分比。让我们看看下面非圆滑的边缘。

image.png



看看有多少装饰,包括圆滑边缘,被用来表达三个简单的数据点。


image.png


好消息是图表可以变得更简单。三个环形传递相同的信息,不需要很多空间,并且在没有工具提示的情况下完全可以暴露数字,这对于数据驱动的界面是至关重要的。


image.png


通过简单的条形图,你还可以去掉图例,并保持部件间更加紧凑。而且你不再需要颜色,因为标签现在伴随着条形图。

image.png



风险小结


  • 圆环的形状很难解读。人们可以很好地识别出25% 、50% 、75% 或100% 这样的百分比,但通常会很难解决处于这些特殊数值之间的百分比。

  • 嵌套的圆圈需要图例或工具提示,因为标签通常不能优雅地附加到相应的圆圈上。

  • 在嵌套图表中,圆环的末端使比较大小变得困难。


如何避免


  • 考虑使用条形图来精确显示百分比。

  • 若非要使用一个圆形图表,避免嵌套的圆圈和圆滑边缘。

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。