title: Highcharts columnrange remove spacing from data in other categories
body: <p>How would I get rid of the 'invisible' spacing as indicated in the picture? </p>
  
  <p>I intend to use the chart in inverted mode (as a gantt chart), but this shows the gaps more obvious. To be able to play with it: <a href="http://jsfiddle.net/j03ceom5/" rel="nofollow noreferrer">http://jsfiddle.net/j03ceom5/</a></p>
  
  <p>I consired an 'xrange' type but it has the same issue: <a href="https://jsfiddle.net/agxu6ffc/" rel="nofollow noreferrer">https://jsfiddle.net/agxu6ffc/</a></p>
  
  <p><a href="https://i.stack.imgur.com/Bvfzn.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Bvfzn.jpg" alt="enter image description here"></a></p>
  
  <p>-inserting some code snippet to get the jsfiddle links accepted, eventhough it's not necessarily needed to understand the question-</p>
  
  <pre><code>        chart: {
              renderTo: 'container',
              type: 'columnrange',
              inverted:false,
          },
  </code></pre>