<div id="chartContainer" style="height: 300px; width: 100%;"></div>
<script src="//cdnjs.cloudflare.com/ajax/libs/canvasjs/1.4.1/canvas.min.js"></script>
<script>
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer", {
theme: "theme2",//theme1
title:{
text: "CanvasJS 기본 막대 그래프"
},
data: [
{
type: "column",
dataPoints: [
{ label: "사과", y: 10 },
{ label: "오렌지", y: 15 },
{ label: "바나나", y: 25 },
{ label: "망고", y: 30 },
{ label: "포도", y: 28 },
]
}
]
});
chart.render();
}
</script>
