무료 Grid 와 Chart

2013. 11. 5. 13:05JS&FRONT/NodeJs





우선 기준은 Flash/ActiveX 를 사용하지 않고, Javascript, JQuery, HTML5 , CSS 등을 활용한 Open Source 중에서 이것저것 검색해 봤습니다.
(브라우저 기준은 대부분 IE8.0 이상에서 구현이 되면 문제가 없을듯 싶습니다. Chrome 등의 크로스 브라우징에 대한 부분도 감안했습니다.)
 
1. Chart 부분
 
내부 프로젝트에서 사용되었던, 무료 차트 JqPlot를 그대로 사용하는 것이 가장 무리가 없을듯 싶습니다.
 
참고로 여기 저기 돌아다니다가, 잘 정리해 놓은 블로그 글이 있어서 공유 드립니다.
13개의 BEST JQuery Charts 를 소개한 글입니다.
http://codegeekz.com/best-jquery-chart-libraries-for-building-interactive-charts/
 
여기서도, JqPlot(현재 사내에서도 사용중인 차트) 후보군에 있습니다.
그밖에  Chart.js / Morris.js 등도 괜찮고, 더 많은 기능을 제공하는 것들은 역시 유료 였습니다. (e.g. HighCharts.js , Fusion Charts , jsCharts 등..)
 

2. Grid 부분
 
jQGrid 를 사용하는 것이 가장 적합할것으로 생각됩니다.
아래 3개의 후보군 또한 검색을 통해 추천되고 있는 Grid 들 입니다.
 
1. jQuery Flexi Data Grid
http://www.flexigrid.info/
 
 

3. jQuery Table Sorter Plugin
http://tablesorter.com/docs/