score:1

Accepted answer

it's a little hard for me to understand what is purpose for stacking dates? it feels strange for me, so i have disabled stacking and used column-range type, here is live effect: http://jsfiddle.net/p87xf/3/

$(function () {
    $('#container').highcharts({
        chart: {
            inverted: true,
            type: 'columnrange'
        },
        title: {
            text: 'stacked bar chart'
        },
        xaxis: {
            categories: ['john']
        },
        yaxis: {
            min: date.utc(2010, 1, 2),
            type: 'datetime',
            datetimelabelformats: {
              day: '%d-%m-%y'
            },

            title: {
                text: 'total fruit consumption'
            }
        },
        legend: {
            backgroundcolor: '#ffffff',
            reversed: true
        },
        plotoptions: {
            bar:{
                //stacking: 'normal',
                //pointinterval: 24 * 3600 * 1000 
            }
        },
            series: [{
            name: 'manager',
            data: [[date.utc(2010, 1, 2), date.utc(2014, 20, 01)]]
        }, {
            name: 'developer',
            data: [[date.utc(2010, 1, 2), date.utc(2012, 20, 01)]]
        }, {
            name: 'tester',
            data: [[date.utc(2010, 1, 2), date.utc(2010, 20, 01)]]
        }]
    });
});

Related Query

More Query from same tag