JUN0126 2021. 5. 21. 22:22

Chart.js는 여러가지의 차트를 사용하기 위해서 많이 사용되는 차트 라이브러리이다.

 

 

설치방법

npm install chart.js --save

chart.js 안에 있는 여러가지 차트와 Chart.register 를 통한 chart plugin이 가능하다.

 

React에서 Chart.js 라이브러리 사용 시 

 

chartOption = {
 type : "Chart Type",
plugins {
   플러그인을 설정해 줄 수 있다.
},
tooltips:{
  툴팁 관련 설정
},
scales : {
  xAxes : [{ 
    차트의 X 축에 관한 정보를 설정할 수 있다.
  }],
yAxes : [{ 
    차트의 Y 축에 관한 정보를 설정할 수 있다.
  }]

}

}

Option 안의 설정들로 Chart를 커스터마이징 할 수 있으므로 내부의 옵션들을 잘 살펴봐야 한다.

참조 : https://www.chartjs.org/