맨위로가기
 

SBCHART

닫기

Using with requireJS

#latest  #basic

AMD(Asynchronous Module Definition) 명세를 지원하므로 RequireJS와 같이 AMD 기반 프레임워크에서 사용 가능합니다.

Example

Code

<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.5/require.min.js"></script>
<script>
    requirejs.config({
        paths: {
            "sb.chart": "js/sbchart",
            "jquery": "https://code.jquery.com/jquery-3.3.1.min"
        }
    });
    require(["sb.chart","jquery"], function(sbchart, jq) {
        sbchart.render("#chartWrap", {
            data: {
                type: "bar",
                columns: [
                    ["2017",2.8,1.45,2.35,0.29,0.42,2.0,5.12,1.12,2.3,2.67,1.4,2.2,1.3,3.8,0.23,2.9,1.62,2.66]
                ]
            }
        });
        // 2초후 다시 그려주기
        setTimeout(function() {
            jq("#chartWrap").sbChart({
                data: {
                    type: "area",
                    columns: [
                        ["온라인쇼핑몰 거래액 (백만원)", 7707750, 7573752, 7914913, 7386713, 8708523, 8624841, 8785755, 8048044, 9083890, 8740814]
                    ]
                }
            });
        }, 2000);
    });
</script>