如何制作高图表堆叠条形图从特定日期开始

Question

如何使我的图表从 2010 年开始，或者更具体地说是从 2010 年 2 月 2 日开始，我做了这个图表，但我不知道如何继续 http://jsfiddle.net/P87XF/2/

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'bar'
        },
        title: {
            text: 'Stacked bar chart'
        },
        xAxis: {
            categories: ['John']
        },
        yAxis: {
            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(2014, 20, 01)]
        }, {
            name: 'Developer',
            data: [Date.UTC(2012, 20, 01)]
        }, {
            name: 'Tester',
            data: [Date.UTC(2010, 20, 01)]
        }]
    });
});

Answer 1

我有点难以理解堆叠日期的目的是什么？这对我来说感觉很奇怪，所以我禁用了堆叠并使用列范围类型，这是实时效果：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)]]
        }]
    });
});