山海鲸可视化

甜甜圈图(Doughnut Chart)

山海鲸可视化,提供一站式数字孪生解决方案,致力于打造一款人人都会用的,零代码数字孪生工具。

简介

甜甜圈图(Doughnut Chart)又称之为环形图,是饼图的一种变体,是指将两个及以上的大小不一的饼图叠在,挖去中间部分构成的图形,本质是饼图将中间区域挖空。对比饼图,环形图能够比较方便的对比各个不同的环形图,而不是将注意力关注在饼图的各个扇形所占整体比重上,一般来说饼图很难进行多个饼图直接的对比,而且饼图的空间利用率不如环形图,环形图内部空心部分可以显示文本信息,标题等。

适用场景

饼图的整体性太强,我们会将注意力集中在比较饼图内各个扇形之间占整体比重的关系。但如果我们将两个饼图放在一起,饼图很难同时对比两个图。甜甜圈图在解决上述问题时,采用了让我们更关注长度而不是面积的做法。这样我们就能相对简单的对比不同的环图。有个常见的需求:希望可以将分类名、汇总值或自定义文本这样的信息展示在中间空白区域,提高图表的空间利用率。
优势:在使用少数区作为维度时,环图可用于即时了解比例。
缺点:饼图不适合用于数据量大且分类很多的场景,也不适用于分类占比差别不明显的场景。

图例

  1. 在需要各个年龄段占比时,可以直观的用甜甜圈图来表示。

  1. 在需要比较用户男女占比时,可以用甜甜圈图进行清晰的展示。

数字孪生大屏应用案例

目前,我们山海鲸可视化资源中心已有许多数字孪生大屏案例都使用了甜甜圈图,此外,如果你打算自行创建大屏项目,在山海鲸可视化软件中就可以快速使用甜甜圈图组件了,详情请参考山海鲸可视化甜甜圈图组件教程

  1. 嘉兴区域电力数据公共服务智慧监管平台数字孪生大屏

image.png

  1. 智慧园区数据展示数字孪生大屏

image.png

  1. 智慧城市运行管理数字孪生大屏

image.png

相关图表

散点图
时序图
象形柱图
箱形图

参考资料

  1. https://docs.aws.amazon.com/zh_cn/quicksight/latest/user/donut-chart.html
  2. https://baobiaoxiu.com/website/docs/charts/list/donut
  3. https://antv-2018.alipay.com/zh-cn/g2/3.x/demo/pie/pie7.html