Basic Column Chart - CanvasJS JavaScript Charts
Basic Column Chart - CanvasJS JavaScript Charts
HTML
<script src="http://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>
JavaScript
var chart = new CanvasJS.Chart("chartContainer",
{
data: [
{
type: "column",
dataPoints: JSON.parse('[{"y":3.905},{"y":0.427},{"y":3.722},{"y":35.526},{"y":33.662},{"y":14.872},{"y":4.336},{"y":2.295},{"y":0.837},{"y":0.259},{"y":0.125},{"y":0.031}]')
}
]
});
chart.render();