Implementieren eines Blasenkreisdiagramms: Eine Schritt-für-Schritt-Anleitung

Question

Das muss ich umsetzen:

Ehrlich gesagt weiß ich nicht, wie ich das googeln soll. Ich suche nach einer Vue/Nuxt-Lösung oder allgemeinen Tipps zur Implementierung.

Edit: Entschuldigung, ich denke, das ist eine schlechte Frage. Ich bitte nicht um eine Anleitung zum Erstellen von Kreisen. Ich muss mithilfe der API verschiedene Diagramme erstellen. Für alle anderen, die danach suchen: Ich habe das Bubble Cloud Chart im Vue-Graph gefunden

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%