Using DateTime value on Y Axis - CanvasJS JavaScript Charts

Using DateTime value on Y Axis - CanvasJS JavaScript Charts time x-axis date y-axis

by canvasjs

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: "How long an event occurred for on a given day"
		},
		axisX: {

   					intervalType: "hour",
            valueFormatString : "hh: mm",
		},
		axisY: {
        minimum: (new Date(2016, 0, 25)).getTime(),            
          	interval: (24 * 60 * 60 * 1000),
            labelFormatter: function(e){
                return CanvasJS.formatDate(e.value, "DD MMM");
            },
          	//suffix : " hour"
		},
    
    toolTip:{
   contentFormatter: function ( e ) {
               return "End : " +  CanvasJS.formatDate(e.entries[0].dataPoint.y[1], "DD MMM")
               	+"</br> Start: " +  CanvasJS.formatDate(e.entries[0].dataPoint.y[0], "DD MMM");  
   }},
    
		data: [
		{
			type: "rangeColumn",
			dataPoints: [
                { x: new Date(2016, 0, 3, 12, 00),
                 	y: [(new Date(2016, 0, 28)).getTime(), (new Date(2016, 1, 1)).getTime()] },
				{ x: new Date(2016, 0, 3, 14, 00),
                 	y: [(new Date(2016, 1, 12)).getTime(), (new Date(2016, 1, 5)).getTime()] },
				{ x: new Date(2016, 0, 3, 16, 00),
                 	y: [(new Date(2016, 1, 3)).getTime(), (new Date(2016, 1, 2)).getTime()] },
				{ x: new Date(2016, 0, 3, 18, 00),
                 	y: [(new Date(2016, 1, 4)).getTime(), (new Date(2016, 1, 9)).getTime()] }
			]
		}
		]                      
	});
	chart.render();