如何向下钻取堆叠列高图以显示所有堆栈而不是单击

时间:2012-12-12 15:27:22

标签: highcharts drilldown stackedbarseries

我正在努力让我的堆叠列高清显示所有堆栈上的钻取。在下面的示例中,当我单击堆栈时,它只会向下钻取到该堆栈级别。我自己尝试了这个,但我无法让它工作。我的预期输出是我点击一个月,我看到每天的堆积列

任何帮助都会感激不尽。

1 个答案:

答案 0 :(得分:0)

问题主要在于您组织数据的方式。我经常看到类似这样的设置,这不是一种灵活的方式。所以而不是:

data = [{
    y: 6863,
    color: colors[2],
    drilldown: {
        name: ['IPad Jan'],
        categories: ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31'],
        level: 1,
        data: [10.85, 7.35, 33.06, 2.81, 10.85, 7.35, 33.06, 2.81, 10.85, 7.35, 33.06, 2.81, 10.85, 7.35, 33.06, 2.81, 10.85, 7.35, 33.06, 2.81, 10.85, 7.35, 33.06, 2.81, 10.85, 7.35, 33.06, 2.81, 10.85, 7.35, 33.07],
        color: colors[2]
    }}]

执行:

data = [{
    y: 6863,
    color: colors[2],
    drilldown: 'january'
]

然后你有一个像这样的数据结构

var drilldownData = {
    'january': [/*data structured correctly for drilldown of january*/],
    'february': [...]
}

所以在你的“点击”活动中你做了:    setChart(drilldown.name,drilldown.categories, [drilldownData [this.drilldown]] ,drilldown.color,drilldown.level,drilldown.type);