實現氣泡餅圖：逐步指南

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%