boxplot catergories不排队Highcharts

时间:2015-08-05 09:10:25

标签: javascript highcharts boxplot

我遇到了问题,有两个箱形图的类别。从以下小提琴:http://jsfiddle.net/Taylby/wxpqsr9b/4/

$(function () {
    $('#container').highcharts({

        chart: {
            type: 'boxplot',
            inverted: true
        },

        title: {
            text: 'Medication Prescription between start date and stop date'
        },

        legend: {
            enabled: true
        },

        xAxis: {
            categories: ["Males","Females"],
            title: {
                text: 'Cohort'
            },
            max:1
        },

        yAxis: {
            title: {
                text: 'Interval between events'
            },
            plotLines: [{
                value: 2413.8,
                color: 'gray',
                width: 1,
                height: 100,
                label: {
                    text: "Males Average",
                    align: 'center',
                    style: {
                        color: 'gray'
                    }
                }},
                {
                value: 16149.474524390858,
                color: 'gray',
                width: 1,
                height: 100,
                label: {
                    text: 'males +3SDs',
                    align: 'center',
                    style: {
                        color: 'gray'
                    }
                }},                
                {
                value: -11321.87452439086,
                color: 'gray',
                width: 1,
                height: 100,
                label: {
                    text: 'females -3SDs',
                    align: 'center',
                    style: {
                        color: 'gray'
                    }
                }},                
                {
                value: 1706.6,
                color: 'gray',
                width: 1,
                height: 100,
                label: {
                    text: 'C2 +3SDs',
                    align: 'center',
                    style: {
                        color: 'gray'
                    }
                }}              
            ],

        },

        series: [{            
     name: "Males",
        data: [
                [0,21,69,413,11566]
              ]             
        }, {           
       name: "Females",
        data:[
                [5,22,70,581,7860]
             ]          
        }]
    });
});

你可以看到有两个组,男性和女性 - 但是盒子图不与标签对齐。

非常感谢任何想法。

1 个答案:

答案 0 :(得分:0)

您应该添加x索引(数据点中的第一个参数)。

series: [{
        name: "Males",
        data: [
            [0, 0, 21, 69, 413, 11566]
        ]
    }, {
        name: "Females",
        data: [
            [1, 5, 22, 70, 581, 7860]
        ]
    }]

示例:http://jsfiddle.net/wxpqsr9b/5/