Basic Column Chart - CanvasJS JavaScript Charts
Basic Column Chart - CanvasJS JavaScript Charts
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",
{
data: [
{
type: "area",
dataPoints: [
{ x: new Date(1529260200000), y: 26},
{ x: new Date(1529263800000), y: 38},
{ x: new Date(1529267400000), y: 43},
{ x: new Date(1529271000000), y: 29},
{ x: new Date(1529274600000), y: 41},
{ x: new Date(1529278200000), y: 54},
{ x: new Date(1529281800000), y: 66}
]
}
]
}
);
chart.render();