DREAM IT, WISH IT, DO IT

[Web] Javascript 를 이용한 Chart 만들기

이전 글에서 Java 와 C# 기반으로 Chart를 구성하는 라이브러리를 포스팅 해드렸는데 이번에는 웹에서 할수 있는 자바스크립트 기반의 Chart API 입니다.

항상 느끼지만 Chart 관련 라이브러리들은 사용법이 거의 비슷합니다. Chart 객체 선언하고, 각종 옵션들 적용하고, 데이터 넣고, 뿌려주고~ 굉장히 간단하게 되어 있습니다. 간단하지만 실제 보여지는 Chart 는 좋네요.

이번 자바스크립트를 이용한 차트 만들기 포스팅을 하고 다음번에는 안드로이드에서 차트를 그리는걸 포스팅 할 예정입니다.

http://dygraphs.com/     -> 홈페이지입니다.

http://github.com/danvk/dygraphs      -> 소스파일 다운로드 입니다.

위의 그림은 홈페이지 화면입니다. 사용법과 데모 그래프들이 많이 있구요. 밑의 그림은 그랲중 하나입니다. 소스를 보시면 굉장히 쉽게 되어 있다는 것을 확인가능합니다.

해당 페이지에서 소스보기로 보시면 스크립트 태그 안에 내용이 그래프 구성이 관한 내용입니다. 해당 라이브러리 .js 파일을 추가 해주시고 <div></div> 안에 아이디값을 넣어놓고 자바스크립트로 해당 아이디먹인 공간에 그래프를 그립니다.