JSON 파일에 RAW성 데이터를 담아 두고,(참고로 데이터는 가짜 데이터입니다.)
이 데이터들을 조작(필터링과 그룹핑)하여 차트에 그려준 후(column, line, pie차트), 테이블에 출력하는 예제입니다.
차트는 HighChart 라이브러리를 사용하였고,
IE 8이상에서는 html파일을 실행하면 바로 출력되지만 크롬에서는 AJAX 통신을 하므로 압축을 푼 후 웹서버에 올려서 실행하면 됩니다.
자세한 내용은 소스코드의 주석을 참고하시기 바랍니다.
highcharts_hw.zip출처: http://egloos.zum.com/tit99hds/v/3441566
'Client Standard > JavaScript & jQuery' 카테고리의 다른 글
| [Ajax] 콜 이후 obj append (0) | 2019.01.25 |
|---|---|
| Unrecognized token 'id': was expecting ('true', 'false' or 'null') (0) | 2018.10.15 |
| [JSON] json-groupby 관련 (0) | 2017.06.23 |
| [Javascript] 뒤로가기 체크 여부 (0) | 2017.03.06 |
| [ IE ]지금 보고 있는 웹페이지를 닫을지를 묻는 창이 안뜨도록 하는 소스 (0) | 2016.04.06 |