SKIN
jquery/css3를 이용한 원형/바형태 차트 jquery플러그인을 배포합니다.
장점이라면 간단한 사용을 할 수 있다는 것, 애니메이션이 있다는 것 정도입니다.

css3를 적극적으로 사용하기 때문에 익스플로러 구버전에서는 제대로 작동하지 않을 것입니다.

사용법은

1. 자바스크립트에서 배열을 만듭니다.

배열은 항목이름, 수치 순으로 입력해주시면 됩니다.

예)

     var catntuna = [

                                   ["고양이 밥값",25000],

                                   ["모래값", 30000],

                                  ];


2. 적용할 공간을 만들어 줍니다. 

예) 

      <div id = "piegraph"></div>


3. 옵션을 넣고 적용해줍니다.

옵션은

.pieChart( 데이터 배열명, 그래프크기(px), 그래프 형태("pie","bar"), 그래프 제목 );

순입니다.

예)

     $('#piegraph').pieChart( catntuna, 200, "pie", "고양이 지출현황" );


아래는 작동 스크린샷이고,



데모페이지는

여기

입니다.


jquery.pieChart.zip


저작자 표시 비영리 변경 금지
신고
8 0