title: Highcharts - Custom X axis format
body: <p>I'm wondering if it's possible to define a custom ordering or format for the xAxis in highcharts. My dataset has a date time which would be used for the xAxis however my client has specified that it should show the 'Period' on the xAxis. A period is specified as a 30 minute slice - meaning there are 48 periods in a day.</p>
  
  <p>The range of the data is from a period on the previous day to the current day with that period. For example 06/03/2017 Period 11 (10:00) to 07/03/2017 Period 11, the xAxis should look like so:</p>
  
  <p><a href="https://i.stack.imgur.com/B3Iqt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/B3Iqt.png" alt="enter image description here"></a></p>
  
  <p>Currently I've attempted to do this by fiddling with the actual dateTime of each point, so that it is set to Y-m-d H:i:{Period} and then using the dateFormat to only show seconds on the xAxis. However this leaves a gap in data between 2017-03-06 23:59:{Period 48} and 2017-03-07 00:00:{Period 11}</p>