带钻取的嵌套柱形图

时间:2018-11-19 16:15:14

标签: highcharts

我为员工提供了salary个实例。每个薪水都包含一个日期及其原因(奖金,小时工资,调整额……)。

我想在一个简单的salary高图中显示column个实体,其中按月划分系列,因此将给定月份的薪水累加起来。看到这个小提琴:http://jsfiddle.net/d1j7ongL/

我想要的是向下钻取,这样,当单击一个月时,将显示所有员工以及按堆栈列(奖金,小时工资...)列出的每个工资的细目分类,如下所示: http://jsfiddle.net/gpu2oL1t/

问题是我无法正常工作。我得到的最接近的数据是按类别对数据进行分组(即奖金加在一起,时薪加在一起等等): http://jsfiddle.net/9tog4rkm/

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

有什么建议吗?

1 个答案:

答案 0 :(得分: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/