Usage

# 준비

가장 먼저 HTML문서 상단에 JChart 스크립트를 include 한다.

JChart를 사용하기 위해서는 그리기 원하는 canvas 태그를 아래와 같이 html문서에 선언해야 한다.

Note. - IE9 이하는 canvas를 지원하지 않는다.
- 캔버스의 폭과 높이 설정 관련
캔버스 명세서에서는 px값을 width/height으로 사용하는것에 대하여 기술적으로 허락하지 않는다.
css속성을 통하여서도 canvas의 사이즈를 조절할 수는 있지만 원치않는 결과가 발생할 수 있다.
(canvas 속성과 css를 통한 크기 동작 방식은 다르다.)

선언한 canvas 태그 요소를 통하여 CanvasRenderingContext2D (드로잉 컨텍스트)를 얻는 작업이 필요하다.

Note. - getElementById, querySelector, jquery 등 canvas 요소에 접근 가능하면 어느 것이든 무관하다.

JChart를 시작하기 위한 기본 Sample

[ src= /sample/samples01.html ]

Note. - canvas의 크기를 설정할때 canvas태그를 감싸는 태그, 부모 태그에 크기를 설정할 것을 권장한다.
기본적으로 JChart의 종횡비는 21:9인데, 부모 element 크기를 기준으로 종횡비를 계산하기 때문에
부모 element가 body가 되는 경우 브라우저 크기를 초과할 수 있다.