Using with jQuery

#latest  #basic

jquery.js 파일이 sbchart.js 파일보다 먼저 선언되어 있다면 SBChart를 jquery 플러그인으로 사용할 수 있습니다.

$("..").sbChart();형태로 사용하며
파라미터(옵션)는 일반적인 javascript 사용 방식과 동일합니다.

Format

$("....").sbChart({data:{ ... }});

Example

Code

<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/sbchart.js"></script>
<script>
(function($) {
    $(function() {
        var charts = $("#chartWrap").sbChart({
            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() {
            charts.forEach(function(chart) {
                chart.data({
                    type: "area",
                    columns: [
                        ["온라인쇼핑몰 거래액 (백만원)", 7707750, 7573752, 7914913, 7386713, 8708523, 8624841, 8785755, 8048044, 9083890, 8740814]
                    ]
                }).render();
            });
        },2000);
    });
})(jQuery.noConflict())
</script>