SBChart v2.0

재사용 가능하고 쉬운 인터페이스의 JavaScript 차트 컴포넌트

Get Documents

SBChart v2.0, "chart" Library

SBChart v2.0, HTML5 기반 웹차트 컴포넌트 라이브러리입니다.

IE, 크롬, 파이어폭스, 사파리 등의 PC 브라우저와 HTML5가 지원되는 최신의 모바일 환경(스마트폰, 태블릿 PC)에서 사용이 가능합니다.

Browser Support

크롬, 파이어폭스, 사파리, IE 9 이상을 권장합니다.

Getting Started

  • JS, CSS 파일 링크

    SBChart의 CSS와 JavaScript를 링크합니다.

    <link rel="stylesheet" href="css/sbchart.css"/>
<script type="text/javascript" src="js/sbchart.js"></script>

  • SBChart 생성될 Element 추가

    차트를 그려줄 위치를 정의합니다.

    <div id="chartWrap"></div>

  • 차트 그려주기

    데이터와 옵션을 지정하여 차트 렌더링 합니다.

    sb.chart.render("#chartWrap", {
    data: {
        columns: [
            ["data1", 5, 2, 3, 4, 5, 6],
            ["data2", 15, -12, 13, -14, 15, 16],
            ["data3", 25, 22, 23, 24, -25, 26],
        ]
    }
});

Features

  • SVG(Scalable Vector Graphics) 기반으로 해상도에 구애받지 않고 화질이 저하되지 않습니다.
  • 일반적이고 간편하게 차트를 구현할 수 있습니다.
  • D3.js V4+ 기반이며 UMD(Universal Module Definition) 명세를 지원합니다. (동적 로딩, 의존성, 모듈화)

Trial Download

Documents