dateTime axis with intervalType hour - CanvasJS

dateTime axis with intervalType hour - CanvasJS

by 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 dataPoints = [];
var x, y = 0;
for( i = 1; i < 12; i++ ) {
    dataPoints.push({x: new Date(2014,02,09,i,20), y: y + Math.random()});
}
var chart = new CanvasJS.Chart("chartContainer",
    {
      title:{
          text: "Date time axis with intervalType: hour"
      },
      axisX:{
        interval: 1,    // change interval to 1 for showing all the dates
        intervalType: "hour",
        valueFormatString: "hh tt",
        //labelAngle: 90
      },
      data: [
      {
        type: "line",
        dataPoints: dataPoints
     }
     ]
});
chart.render();