Showing range of dates in label - CanvasJS HTML5 JavaScript Charts

Showing range of dates in label - CanvasJS HTML5 JavaScript Charts

HTML

<script src="http://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",
	{
      
      axisX:{
      	interval: 1,
      	intervalType: "week",
        valueFormatString: "DDDD MMMM, D YYYY",
        labelMaxWidth:  200,
        labelFontSize: 12,
        labelAngle:0,
        labelFormatter: function(e){
        	var day = 24*60*60*1000;
        	var lowerRange = e.value - 3.5 * day;
          var upperRange = lowerRange + 7 * day;
        	return CanvasJS.formatDate(lowerRange, "DDDD MMMM, D YYYY") + " to " + CanvasJS.formatDate(upperRange, "DDDD MMMM, D YYYY");
        }
      },
      
      data: [
      {
        type: "column",
        dataPoints: [
        { x: new Date(2012, 01, 1), y: 26},
        { x: new Date(2012, 01, 3), y: 38},
        { x: new Date(2012, 01, 5), y: 43},
        { x: new Date(2012, 01, 7), y: 29},
        { x: new Date(2012, 01, 11), y: 41},
        { x: new Date(2012, 01, 13), y: 54},
        { x: new Date(2012, 01, 20), y: 66},
        { x: new Date(2012, 01, 21), y: 60},
        { x: new Date(2012, 01, 25), y: 53},
        { x: new Date(2012, 01, 27), y: 60}
        ]
      }
      ]
    });

 chart.render();