嵌套柱状图

Question

我为员工准备了一套salary系统。每一份工资包括一个日期和对其作出贡献的因素(奖金、小时工资、调整.)。

我想在一个简单的salary图表中显示column ies，在这个图表中，这个系列是按月划分的，因此一个月的工资就会堆积起来。看这把小提琴：http://jsfiddle.net/d1j7ongL/

我想要的是一个向下钻取，这样当点击一个月时，所有员工都会被显示，并按堆栈列(奖金、小时工资.)显示每个薪资的细目，比如：http://jsfiddle.net/gpu2oL1t/。

问题是我不能让它起作用。我得到的最接近的数据是按类别分组的。奖金加起来，时薪加在一起等)：http://jsfiddle.net/9tog4rkm/

唯一的问题是，我希望向下钻取数据转置(?)从某种意义上说，“列应该是行，行应该是列”。我不想看到每个类别的分类，而是每个员工。

有什么建议吗？

Answer 1

您应该用名称创建五个drilldown系列：'Salary', 'Points', 'Adjustments', 'Bonuses', 'Foodstamps'和员工的名字作为点名。

示例：

"drilldown": {
    series: [{
        name: 'Salary',
        id: "employee-01",
        data: [[
            "employee-0",
            328
        ], [
            "employee-1",
            52
        ]]
    }, {    
        name: 'Points',
        id: "employee-11",
        data: [[
            "employee-0",
            -291
        ], [
            "employee-1",
            52
        ]]
    }, {
        name: 'Adjustments',
        id: "employee-131",
        data: [[
            "employee-0",
            -9
        ], [
            "employee-1",
            148
        ]]
    }, {
        name: 'Bonuses',
        id: "employee-201",
        data: [[
            "employee-0",
            0
        ], [
            "employee-1",
            0
        ]]
    }, {
        name: 'Foodstamps',
        id: "employee-81",
        data: [[
            "employee-0",
            0
        ], [
            "employee-1",
            0
        ]]
    }]
}

现场演示：http://jsfiddle.net/BlackLabel/dmqfwejz/