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>