장바구니

등록된 상품이 없습니다
합계: 0

최근 본 상품

등록된 상품이 없습니다
워드프레스 전문가들이 선택한 필수 플러그인
    Store
    Home / Store
    ChartJS 차트 위젯
    망보드 게시판과 ChartJs 차트를 연동하여
    게시판 데이터를 차트로 보여주는 차트 위젯
    글보기
    판매가격22,000  24,200 9%
    혜택1,000 포인트 적립
    개발사Hometory
    글보기
    선택옵션
    홈페이지 URL
    라이센스를 등록할 URL주소를 입력해 주세요
    개발용 URL
    홈페이지 주소와 개발 주소가 다를 경우에만 입력해 주세요
    글보기
    글보기


    [ ChartJs 차트 위젯 


    설치환경 : 망보드 Basic 1.4.2, PHP 5.4.0, MySQL 5.x(MariaDB 10.0.x) 이상 필요 

     

    라이센스 : 1copy-1domain-1host : 1개 도메인-1개 호스트(www)에서만 사용이 가능합니다


    샘플주소 https://demo.mangboard.com/chart_cjs/


    오픈소스 라이브러리

     - ChartJs 차트 (MIT License) : http://www.chartjs.org/  



    망보드 게시판과 ChartJs 차트를 연동하여 게시판에 입력된 데이터를 차트로 표시해 주는 위젯입니다.


    color값과 fields값을 Shortcode에서 우선순위로 지정할 수 있습니다. 


    ChartJs 차트 위젯  Shortcode 1: color,fields(ext1~ext10) 기본값 적용시


    mb-file.php?path=2018%2F03%2F21%2FF1673_%EB%A7%89%EB%8C%80.JPG
     

    막대

    [mb_chart_cjs name="bbs_chart" title="ChartJS 차트" list_size="10" style="width:100%;padding-bottom:30px;" height="400px" type="bar" use_legend="1" ] 



    mb-file.php?path=2018%2F03%2F21%2FF1671_%EA%BA%BD%EC%9D%80%EC%84%A0.JPG
     

    꺽은선

    [mb_chart_cjs name="bbs_chart" title="ChartJS 차트" list_size="10" style="width:80%;padding-bottom:30px;" height="400px" type="line" use_legend="1" ]



    mb-file.php?path=2018%2F03%2F21%2FF1674_%EC%9B%90.JPG
     

    원형

    [mb_chart_cjs name="bbs_chart" title="ChartJS 차트" list_size="10" style="width:50%;padding-bottom:30px;float:left;" height="400px" type="pie" use_legend="1" ] 


    도넛

    [mb_chart_cjs name="bbs_chart" title="ChartJS 차트" list_size="10" style="width:50%;padding-bottom:30px;float:left;" height="400px" type="donut" use_legend="1" ]



    ChartJs 차트 위젯  Shortcode 2: color,fields 특정값 적용시


    mb-file.php?path=2018%2F03%2F21%2FF1666_%EB%A7%89%EB%8C%801.JPG

    막대

    [mb_chart_cjs name="bbs_chart" title="ChartJS 차트" list_size="10" style="width:100%;padding-bottom:30px;" height="400px" type="bar" use_legend="1" legend="1월,2월,3월" color="#4bb2c5,#556439,#FF8C00" fields="fn_ext1,fn_ext2,fn_ext3"] 



    mb-file.php?path=2018%2F03%2F21%2FF1668_%EA%BA%BD%EC%9D%80%EC%84%A01.JPG
     
    꺽은선

    [mb_chart_cjs name="bbs_chart" title="ChartJS 차트" list_size="10" style="width:80%;padding-bottom:30px;" height="400px" type="line" use_legend="1" legend="1월,2월,3월" color="#4bb2c5,#556439,#FF8C00" fields="fn_ext1,fn_ext2,fn_ext3"] 



    mb-file.php?path=2018%2F03%2F21%2FF1669_%EC%9B%901.JPG
     

    원형

    [mb_chart_cjs name="bbs_chart" title="ChartJS 차트" list_size="10" style="width:50%;padding-bottom:30px;float:left;" height="400px" type="pie" use_legend="1" color="#4bb2c5,#556439,#FF8C00" fields="fn_ext1"]

     

    도넛

    [mb_chart_cjs name="bbs_chart" title="ChartJS 차트" list_size="10" style="width:50%;padding-bottom:30px;float:left;" height="400px" type="donut" use_legend="1" color="#4bb2c5,#556439,#FF8C00" fields="fn_ext1"]



    데이타 입력 스킨   Shortcode: 

    [mb_board name="bbs_chart" style=""] 

    mb-file.php?path=2018%2F03%2F21%2FF1651_%EC%9E%85%EB%A0%A5.JPG
     



    [ 파일 구성 ]    


    1. bbs_chart : 데이타 입력 스킨

        =>wp-content/plugins/mangboard/skins/bbs_chart 경로에 업로드


    2. chart_cjs : CJS 차트 위젯 

        =>wp-content/plugins/mangboard/plugins/widgets/chart_cjs 경로에 업로드



    [ 설치방법 ]   


    1. 압축파일에 들어있는 "mangboard" 폴더를 망보드가 설치되어 있는 "/wp-content/plugins/mangboard"  

        경로에 mangboard 폴더가 겹치도록 업로드 합니다

       - 직접 업로드가 어려우신 분들은 아래 주소의 스토어 설치 매뉴얼을 참고해 주세요

         https://www.mangboard.com/tip/?vid=45


    2. 망보드 관리자>게시판 관리>게시판추가를 클릭합니다.

        게시판이름 : bbs_chart, 스킨 : bbs_chart 로 설정한 뒤 게시판을 생성합니다.


    3. 새로 추가한 차트 데이타 게시판에 데이타를 입력합니다.


    4. 차트를 표시할 페이지에 차트 숏코드를 추가합니다.

       ex) [mb_chart_cjs name="bbs_chart" ..... ]



     

    [ 라이센스 / 환불 ] 


    1. 라이센스 : 1copy-1domain-1host : 1개 도메인-1개 호스트(www)에서만 사용 가능 (기간제한 없이 평생 사용 가능)

    2. 환불정책 : 파일 상품은 구입후 1주일 이내 이유에 상관없이 100% 환불을 보장합니다.

                        도메인 변경은 구입후 90일 이내에만 변경이 가능하며, 횟수에 상관없이 직접 변경이 가능합니다.

                        인건비에 해당하는 선택옵션(기술지원,디자인수정 등)은 지원을 받았을 경우 환불이 불가합니다.

    3. 보증정책 : 무보증 (유료 관리 서비스 사용자에 한해서만 보증)

                        호환성 문제 및 사용도중 발생하는 문제에 대해서는 무료 기술지원을 해드리지 않습니다.

    4. 주의사항 : 기술지원이 포함되어 있지 않은 무보증 상품으로 추가적인 사용 및 수정방법에 대한 안내를 해드리지 않습니다.

                        추가적인 도움이 필요하신 분들은 기술지원 옵션을 선택해 주세요.

    5. 기술지원 : 설치대행/디자인수정/기능수정을 신청하시는 분들은 구매후 아래 주소에서 기술지원을 신청해 주세요.

                        기술지원 신청: https://www.mangboard.com/tech_support/



     

    [ 상품 Q&A ] 


    문의유형문의/답변작성자날짜
    등록된 상품 문의가 없습니다