Angular2 :: Add Module 1 (모듈 추가)

최근 크롤러웹페이지를 만든후 크롤링한데이터를 웹상에 차트상으로 표현을 해주고싶어서 

무료이면서 가벼운 모듈을 찾다가 

ng2-charts 가 괜찮아보여서 사용하려합니다  http://valor-software.com/ng2-charts/ 

github 오픈소스 공개되어있으니 데모를 보고 알맞게 적용하시면될거같습니다 

1. ng2-chart 를  npm을 이용해 설치합니다  

npm install ng2-charts --save

이런식으로 나오면 설치완료!

3. 중요한부분인데 chart.js 을 포함시켜줘야됩니다 

index.html

<script src="node_modules/chart.js/src/chart.js"></script>

설치 끝!

ps. 혹여나 저처럼 system.js 사용하시는분을 위해 추가로 남겨요

이것때문에 삽질좀했습니다 ..

systemjs.config.js

map 구문 안에 추가

"ng2-charts": "node_modules/ng2-charts",

package 구문 안에 추가 

 "ng2-charts": { main: 'ng2-charts.js' }

여기까지 하셨으면 셋팅은 끝나신겁니다

다음 포스팅에 간단하게 적용된 데모를 포스팅할예정입니다