chartjs half doughnut 차트 만들기

chart.js로 차트 만들 때, 반드시 버전 확인하기.

최신버전 : 3.9.1

---

반틈 도넛 차트를 구현하기위해 구글링하다가 알게된 사실 : ( 버전확인!!!! )

낮은 버전에서 circumference와 rotation의 값을 1 * Math.PI 이런식으로 줬던 모양인데

 options: {
            rotation: 1 * Math.PI,
            circumference: 1 * Math.PI,

}

---

차트js 도넛 모양

https://www.chartjs.org/docs/3.9.1/charts/doughnut.html#pie

Doughnut and Pie Charts | Chart.js

3.9.1에서는 단순하게 숫자로만 적는다.

  options: {
        rotation: -90,
        circumference: 180,
  }