Tutorial

라이센스 설치하기

설치 과정이 필요없는 라이브러리

SBChart v2은 "sbchart" 명칭을 가진 디렉토리 형태로 제공됩니다.
기본 형태를 원하는 위치에 세팅 후 차트 제작을 바로 시작해보세요!

차트 적용하기

간단한 라이브러리 연결

HTML 파일 head 부분에 라이브러리 파일과 스타일 시트를 연결합니다.
세 파일 연결만으로 차트 제작 준비가 완료됩니다!

차트 생성하기

SBChart가 생성될 Element 추가

차트를 그려줄 위치를 지정합니다.
CSS padding을 사용하실 경우 차트가 그려질 Element는 padding을 0으로 지정하고
global.padding옵션을 사용하여 padding 값을 조정하는 것이 좋습니다.

데이터와 옵션을 지정하여 차트를 렌더링 합니다.
차트를 생성하는 방법은 아래와 같이 3가지 방법이 있습니다.

차트 데이터

Columns Data: Columns-타입의 데이터를 사용합니다.
Rows Data: Rows-타입의 데이터를 사용합니다.
JSON Data : JSON-타입의 데이터를 사용합니다.
JSON-타입의 데이터를 사용하는 경우는 data.keys 옵션을 반드시 지정해야 합니다.
axis.x.type="category" 로 지정하면 data.keys.x 에 지정된 속성의 값이 X축 Tick에 자동으로 표시됩니다.