实现气泡饼图：分步指南

Question

我需要实现这个：

老实说，我不知道如何用谷歌搜索这个。我正在寻找 Vue/Nuxt 解决方案或有关如何实现此解决方案的任何一般提示。

编辑：抱歉，我想这个问题不好。我并不是在要求有关如何做圆圈的教程。我需要使用 API 制作不同的图表。对于其他正在寻找此内容的人，我在 vue-graph 中找到了 Bubble Cloud Chart

Answer 1

使用简单的 CSS：

#pie {
  width: 100px;
  height: 100px;
  
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 50%;
  background-color: #F3F3F4;
  
  
  /* Center text */
  display: flex;
  justify-content: center;
  align-items: center;
}

  
32%