[해피CGI][cgimall] Generate Animated Column Charts From JS Array - Simple Bar Graph

Javascript 배열에서 데이터를 가져와 에니메이션 효과가 있는 막대 그래프로 변환하는 JQuery 플러그인 입니다.

​

​다운로드 받은 파일을 압축해서 나오면
index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다.

실행해보면

 

 

화면에 위 그림과 같이 막대그래프가 생성되어서 표시가 됩니다.


그래프를 표시하기 위해서 사용된,
index.html 파일의 HTML 소스코드를 확인해 보면

 

그래프에 필요한 제목, 값 으로 구성된 javascript 의 배열을 이용한게 확인이 됩니다.


더 많은 기능으로는
X축, Y축 라벨을 포함하고,
마우스 오버시 툴팁이 가능하고,
행의 숫자를 지정할수 있고,
반응형이면서 사용하기가 쉽습니다.


막대 그래프를 포함해서
여러가지 그래프들(파이,라인,영역 등등)을 이용할 수 있지만,
사용방법이 까다로울수 있는 일반 적인 프로그램보다는 사용법이 수월해보이네요.

​

​

​

​