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>