score:2

You can set different widths of lines. jsFiddle: http://jsfiddle.net/24qf98xL/9/

$(function () {
    $('#container').highcharts({
        series: [{
            id: 'main',
            data: [{x: 5, y: 10}, 
                   {x: 7, y: 10}]
        }, {
            data: [{x: 2, y: 12}, 
                   {x: 9, y: 12}],
            lineWidth: 10,
            linkedTo: 'main'
        }, {
            data: [{x: 6, y: 12}, 
                   {x: 19,y: 12}],
            lineWidth: 6,
            linkedTo: 'main'
        }, {
            data: [{x: 4, y: 12}, 
                   {x: 10,y: 12}],
            linkedTo: 'main'
        }]  
    }); 
});

Or alternatively you can try columnrange type series jsFiddle: http://jsfiddle.net/tjcg60p4/


Related Articles