Display overlapping ranges in columnrange chart stacked instead of overlapping
<p>I need to generate columnrange charts with categories on the Y axis and datetime on the X axis. There are multiple ranges per category. Sometimes, two ranges overlap in the same category, like this:</p>

<pre><code>data: [
    [0, Date.parse('Sun, 17 Jan 2016 16:00:00 GMT'), Date.parse('Sun, 17 Jan 2016 17:00:00 GMT')],
    [0, Date.parse('Sun, 17 Jan 2016 16:30:00 GMT'), Date.parse('Sun, 17 Jan 2016 17:30:00 GMT')]
]
</code></pre>

<p>As you can see, one range goes from 16:00 to 17:00, and the other goes from 16:30 to 17:30, in the same category.
Currently, these get rendered overlapped: <a href="https://jsfiddle.net/felixfbecker/18mst6dj/3/" rel="nofollow">https://jsfiddle.net/felixfbecker/18mst6dj/3/</a>
<img src="https://cloud.githubusercontent.com/assets/10532611/12378571/45176a16-bd42-11e5-9a16-7a82b3ef3e03.png" alt="chart"></p>

<p>I need those to display more like this (quick Illustrator mockup):</p>

<p><img src="https://cloud.githubusercontent.com/assets/10532611/12378565/ed691ae4-bd41-11e5-8767-d08c3977b021.png" alt="chart- 1"></p>

<p>So they dont get overlapped but are shown stacked, but still in the same category. Is there any way to achieve this (preferably in Highcharts, if not, maybe in some other charting library)?</p>