如何向下钻取堆积柱形图以显示所有堆栈而不是单击



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

任何帮助将不胜感激。

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

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);

相关内容

  • 没有找到相关文章

最新更新