Вложенная столбчатая диаграмма с разверткой

Question

У меня есть набор salary для сотрудников.Каждая зарплата состоит из даты и того, что ей способствовало (бонусы, почасовая заработная плата, корректировки ...).

Я хочу отобразить salary в простой старшей диаграмме column, где серииразделить по месяцам и, следовательно, зарплаты за данный месяц складываются.См. Эту скрипку: 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/