Basic Column Chart - CanvasJS
Basic Column Chart
HTML
<script src="https://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", {
title:{
text: "Simple Date-Time Chart"
},
axisX:{
title: "timeline",
interval:1,
intervalType:"month",
valueFormatString:"D MMMM"
},
axisY: {
title: "Downloads",
gridColor:"#aaa",gridDashType:"dot",titleFontSize:12,titleFontWeight:600,labelFontSize:11,minimum:0,
},
data: [{
xValueType: "dateTime",
dataPoints: [
{x:1582534772000,y:14},{x:1583132479000,y:5}
]
}]
});
chart.render();