title: Automatically join missing data gaps in Highcharts JS
body: <p>I'm currently looking to implement <a href="http://www.highcharts.com/" rel="noreferrer">Highcharts JS</a> into my application, using months as the x-axis categories.</p>
  
  <p>However, I have gaps in my data, and wish for the chart to automatically connect the gaps.</p>
  
  <p>For example, if I don't have any data for March, I want February and April to connect with a linear line.</p>
  
  <p>Using the highcharts demo, I have edited the data to demonstrate what currently happens by default:</p>
  
  <p><a href="http://jsfiddle.net/kf26t/1/" rel="noreferrer">http://jsfiddle.net/kf26t/1/</a></p>
  
  <pre><code>data: [7.0, 10.0, null, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
  </code></pre>
  
  <p>As you can see, there is a break in the line between February and April.</p>
  
  <p>I've considered removing the months with no data from the categories, but then this will give a skewed result as February and April will be an equal distance away from each other as April and May, which won't give an accurate representation.</p>
  
  <p>If I am to remove 4 months, this inaccurate representation is exaggerated:</p>
  
  <p><a href="http://jsfiddle.net/kf26t/2/" rel="noreferrer">http://jsfiddle.net/kf26t/2/</a></p>
  
  <pre><code>categories: ['Jan', 'Feb', 
                      'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
  </code></pre>
  
  <p>The only solution I can think of is to calculate the average between the months, but I don't wish to display averages.</p>
  
  <p>Is there any built-in way of filling in these gaps in Highchart JS? If not, is there a neater solution to what I have suggested?</p>
  
  <hr>
  
  <p>Alternatively, is there a way of seperating the x-axis based on value? So if there is no March month, February and April appear the distance of 2 months away.</p>
  
  <p>This would also be useful when integers are the x-axis. For example if I had "1, 2, 10", I wouldn't want these to be evenly spread.</p>