[toc]

simplediary 추가기능

Chart 추가

• chart를 추가하여 일기의 기분을 한눈에 알 수 있게 함

Chart.js

• Chart library

설치

chart.js@4.0.1

react-chartjs-2@5.0.1

---

실행

\프로젝트1\simplediary\README.assets\image-20221213194140646.png)

• chart

\프로젝트1\simplediary\README.assets\image-20221213194339835.png)

• editor

---

추가 가능한 기능

• plugin, formatter를 이용해 퍼센트 표시
• 각종 custom

---

참고링크

차트 정보

https://velog.io/@eunjin/React-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EA%B7%B8%EB%9E%98%ED%94%84%EC%B0%A8%ED%8A%B8-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC-%EB%AA%A8%EC%9D%8C

https://aglowiditsolutions.com/blog/react-chart-libraries/

도움 받은 곳

공식문서

https://www.chartjs.org/

도넛 차트

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

참고 블로그

https://velog.io/@jinu_820/react%EC%97%90%EC%84%9C-chart.js-%EC%82%AC%EC%9A%A9%ED%95%B4%EB%B3%B4%EA%B8%B0