Google AdSense (text)

hidden logo stop

Moving

거지 같은 이글루스 광고노출 정책이 싫어서,
새 보금자리(http://blog.leocat.kr/)로 이사감.

[Javascript] 그래프/차트 라이브러리 Computer & Program

기록용으로 그 동안 썼던 javascript 라이브러리 정리


1. dygraphs(http://dygraphs.com/)

- 그래프에 점이 많아져도 성능이 괜찮고 빠른 반응속도를 보여준다.
- x축은 시간축이고 특정 포멧을 만족해야 한다. 시간순으로 데이터가 자동으로 정렬돼서 그려진다.
- 그래프를 붙이는 DOM 객체가 늘어나거나 줄아들면 거기에 맞춰서 다시 그려준다. 일반적인 그래프 라이브러리가 늘어나면 다시 그려주는데 작아질 때 다시 그러주지 못 하는 문제들이 많다.
- 깔끔하고, 새로운 기능이 꾸준히 업데이트되는게 눈에 보일 정도로 계속 지원이 된다.
- 원하는대로 조절할 수 있게 컨트롤이 쉽다.

- 그래프 위에 수치가 표현되게 하는 옵션이 없는 단점이 TㅅT


2. Highcharts(http://www.highcharts.com/)

- 그래프를 원하는 스타일로 아주 세밀하게 조절할 수 있는 옵션이 잘 되어 있다.
- doc 문서가 아주 잘 되어 있다.
- 모든 데모가 jsFiddle에서 바로 수정하고 테스트해볼 수 있게 되어 있어서 테스트하기 좋다.
- 그림으로 저장하거나 프린터로 출력하는 옵션이 기본적으로 잘 되어 있다.

- legend나 chart 등의 사이즈를 변경하면 relative하게 위치가 조절돼야 하는데 그러지 못 하고 일일이 바꿔줘야 하는 단점이 있다.
- 창을 늘였다 줄이면, 그래프가 늘어나기는 하지만 줄어들지는 않는다.


덧글

댓글 입력 영역

Google AdSense (text/image)