일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- #CSS
- javascript
- 웹솔루션
- #홈페이지
- 해피씨지아이
- #jQuery
- 솔루션
- #솔루션
- #해피CGI
- jquery
- #동영상
- #뉴스
- CGIMALL
- CSS
- #image
- 사이트제작
- #happycgi
- #업종별
- php
- #쇼핑몰
- #이미지
- #웹솔루션
- happycgi
- 해피CGI
- 게시판
- 쇼핑몰
- #cgimall
- 홈페이지제작
- 홈페이지
- #홈페이지제작
- Today
- Total
목록챠트 (4)
웹솔루션개발 22년 노하우! 해피CGI의 모든것
심플하고 강력한 차트 API인 Dimple 입니다. http://dimplejs.org/ Dimple은 다양한 구조의 차트를 제공하고 있습니다. 제공되는 차트는 아래의 데모 페이지에서 확인을 할 수 있습니다. http://dimplejs.org/examples_index.html http://dimplejs.org/advanced_examples_index.html
다양한 차트 그래프를 출력 가능한 javascript 라이브러리 vis.js 입니다. 네트워크, 타임라인, 3d, 2d 차트등을 지원합니다. https://visjs.org/ 페이지로 접속시 아래와 같이 각 차트의 문서 및 데모를 열람이 가능 합니다. 샘플보기 페이지로 이동시 쉽게 샘플을 볼 수 있도록 미리보기 기능이 제공 되며, 클릭하여 실제 샘플을 볼 수 있습니다. https://visjs.github.io/vis-network/examples/ (네트워크 그래프 데모)
반응형으로 구현된 차트 위젯 입니다. 차트 페이지만 개별로 구현하시길 원하시는 경우 사용하시면 좋을듯 합니다. 라이센스는 MIT 라이센스 입니다. 압축 파일을 해제하면 index.html 파일이 있습니다. 해당 파일을 브라우저에서 호출하면 샘플 확인이 가능 합니다. 차트의 데이터는 동일 경로의 script.js 에 선언되어 있습니다. 차트 데이터는 아래와 같은 방식으로 선언합니다. 한가지 아쉬운점은 기능에 대한 옵션 안내 또는 메뉴얼이 없네요.
* Chart.js 는 디자이너 및 개발자를 위한 차트이며 단순하면서도 유연한 자바 스크립트가 특징입니다 * 라이센스 - MIT License * 기능 - 혼합차트, 믹스앤 매치바, 라인차트 데이터세트 사이에 시작적으로 명확하게 구분가능 - 로그 및 사용자 정의 날짜 시간 데이터제공 - 8가지 차트유형 제공 - HTML5 캔버스 * 사용방법 첨부되어있는 압축파일을 받아 압축을 풀고 samples 폴더에 있는 다양한 유형의 html파일(차트)를 브라우저에서 확인하고 응용할 수 있게 소스가 오픈되어있습니다 아래는 bar 형태의 차트샘플입니다 각 차트에 대한 설명이나 샘플, 옵션 설정에 관련된 내용은 아래의 링크를 클릭 하여 확인하실 수 있습니다 http://www.chartjs.org/docs/#line-c..