[CSS] CSS만으로 원형 차트 그리기

chart.js로 차트사용방법은 여기 클릭

 

 

-html코드

<div class="pie-chart1" id="pieChart"></div>

 

 

-css코드

.pie-chart1 {
  display:inline-block;
  width: 300px;
  height: 300px;
  background: conic-gradient(#8b22ff 0% 25%, #ffc33b 25% 56%, #21f3d6 56% 100%);
  border-radius: 50%;
}

 

 

 

출처: gahyun-web-diary.tistory.com/93