Generate Animated Column Charts From JS Array

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > 통계 > Generate Animated Column Charts From JS Array - Simple Bar Graph 상세정보

클라우드태그

Javascript

PHP

ASP

CSS

HTML

MYSQL

jquery

image

Mobile

API

slide

게시판

메뉴

현재접속자 명

Generate Animated Column Charts From JS Array - Simple Bar Graph

해피팀

네티즌

소스분류

통계

다운로드 횟수

57 회

간단설명

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

평가하기

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

실행해보면

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

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

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

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

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