[ 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_chart_cjs name="bbs_chart" title="ChartJS 차트" list_size="10" style="width:100%;padding-bottom:30px;" height="400px" type="bar" use_legend="1" ]
꺽은선
[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_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_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_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_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=""]
[ 파일 구성 ]
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 ]