dateTime axis with intervalType hour - CanvasJS
dateTime axis with intervalType hour - CanvasJS
HTML
<script src="http://www.canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 400px; width: 100%;"></div>
JavaScript
var chart = new CanvasJS.Chart("chartContainer",
{
title:{
text: "Temperature Change"
},
axisX:{
interval: 12,
intervalType: "hour",
valueFormatString: "HH:mm",
minimum: new Date(2018, 08, 14, 00, 00),
maximum: new Date(2018, 08, 14, 23, 59),
},
data: [
{
type: "line",
dataPoints: [
{ x: new Date(2018, 08, 14, 00, 00), y: 31},
{ x: new Date(2018, 08, 14, 12, 00), y: 32},
{ x: new Date(2018, 08, 14, 23, 59), y: 33}
]
}
]
});
chart.render();