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 Query

More Query from same tag