설치
Chart.js는 npm 또는 bower를 통해 설치할 수 있습니다. Chart.js를 사용하기 위해 아래와 같은 방법을 추천합니다.
npm
npm install chart.js --save
Bower
bower install chart.js --save
CDN
CDNJS
CDNJS에서 Chart.js 빌드 파일을 사용할 수 있습니다.
https://cdnjs.com/libraries/Chart.js
jsDelivr
Chart.js 빌드 파일은 jsDelivr를 통해서도 사용할 수 있습니다.
https://www.jsdelivr.com/package/npm/chart.js?path=dist
깃허브
깃허브에서 Chart.js의 최신 버전을 다운로드 할 수 있습니다.
레포지토리를 다운로드하거나 복제했다면, dist 파일을 생성하기 위해 반드시 Chart.js를 빌드해야 합니다. Chart.js는 더이상 사전 빌드된 릴리즈 버전을 지원하지 않으므로, 레포지토리를 다운로드 하는 대체 옵션을 적극 권장합니다.
알맞은 빌드 방법 선택하기
Chart.js는 2가지 빌드 방법을 제공합니다 : 독립형 빌드, 번들 빌드.
독립형 빌드
파일들:
dist/Chart.js
dist/Chart.min.js
독립형 빌드는 색상 분석 라이브러리 뿐만 아니라 Chart.js까지 포함합니다. 만약 이 버젼을 사용한다면, 시간 축 기능을 위해 Chart.js 전에 Moment.js를 포함해야 합니다.
번들 빌드
파일들:
dist/Chart.bundle.js
dist/Chart.bundle.min.js
번들 빌드는 단일 파일에 Moment.js를 포함합니다. 시간 축 기능이 필요하고 단일 파일이 필요하다면 이 버젼을 사용해야 합니다. 만약 이미 Momone.js를 애플리케이션에 포함하고 있다면 이 버젼을 사용해선 안됩니다. 그렇지 않으면, Moment.js가 2번 포함되어 페이지 로드 시간이 증가하고 버젼 호환성 문제가 발생할 수 있습니다. 번들 빌드의 Moment.js 버젼은 Chart.js를 위한 것이므로 별도로 Moment.js를 직접 사용하고 싶다면 Chart.js(번들하지 말고)를 사용하고 수동으로 Moment.js를 가져오는 것이 더 좋습니다.