Highcharts Demo

columnRange

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container" </div>

JavaScript

Highcharts.chart('container',
{
    chart: {
        type: 'columnrange',
        inverted: true
    },
    title: {
        text: 'Lenkzeit'
    },
    yAxis: {
        type: 'datetime'
    },
  xAxis: {
    categories: ['Jan']
  },
    series: [{
        data: [
            [1, 1483337940000, 1483338000000],
            [1, null, null],
            [1, 1483338300000, 1483339740000],
            [1, null, null],
            [1, 1483340580000, 1483340640000],
            [1, null, null],
            [1, 1483340820000, 1483341000000],
            [1, null, null],
            [1, 1483342860000, 1483342920000],
            [1, null, null],
            [1, 1483346460000, 1483346520000],
            [1, null, null],
            [1, 1483347180000, 1483348440000],
            [1, null, null],
            [1, 1483348620000, 1483348740000],
            [1, null, null],
            [1, 1483350180000, 1483350240000],
            [1, null, null],
            [1, 1483350420000, 1483351380000],
            [1, null, null],
            [1, 1483353300000, 1483353420000],
            [1, null, null],
            [1, 1483355280000, 1483355340000],
            [1, null, null],
            [1, 1483358580000, 1483359780000],
            [1, null, null],
        ]
    }]
}



);