I am trying to set the x-axis range manually. So, my x-axis needs to be in the format of hours / minutes, and should be from 0 hours to 48 hours, increment each ticks by 15 minutes such that it is 0, 15 , 30, 45, 1:00, 1:15, 1:30, 1:45, 2:00..... to 48:00 

I am unsure of how to do this, I am pulling data from an external Json file.

In my JavaScript, here is what I have

```
$(function () {

            $.getJSON('JsonFile.json', function (data) {

                var processedData = [];
                Highcharts.each(data, function (d) {
                    processedData.push(d.X);
                });

                // Create the chart
                $('#container').highcharts('StockChart', {
                    rangeSelector: {
                        selected: 1
                    },

                    title: {
                        text: 'X'
                    },

                    series: [{
                        data: processedData,
                        pointStart: Date.UTC(2010, 1, 1),
                        pointInterval: 1000 * 60 * 15 // Every 15 minute. 1000 miliseconds in 1 second, 60 seconds for 1 minute.
                    }],

                    xAxis: {
                         floor: 0,
                         ceiling: 1000 * 60 * 60 * 48,
                         type: 'datetime',
                         dateTimeLabelFormats: {
                         hour: '%H:%M'
                        }
                    }

                });
            });

        });

```

The way it is right now, it does not draw the graph, gives me an empty graph as shown
[enter image description here](http://i.stack.imgur.com/IJjzl.png)