Melaksanakan Carta Pai Buih: Panduan Langkah demi Langkah

Question

Saya perlu melaksanakan ini:

Sejujurnya, saya tidak tahu bagaimana untuk meng-google ini. Saya sedang mencari penyelesaian Vue/Nuxt atau sebarang petua umum tentang cara melaksanakan perkara ini.

Sunting: Maaf, saya rasa ini soalan yang tidak baik. Saya tidak meminta tutorial tentang cara membuat bulatan. Saya perlu membuat carta yang berbeza menggunakan API. Bagi sesiapa yang mencari ini, saya menemui Carta Awan Buih dalam grafik vue

Answer 1

Gunakan CSS mudah:

#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%