我正在尝试让我的堆叠柱形图在向下钻取时显示所有堆栈。在下面的示例中,当我单击堆栈时,它只会向下钻取到该堆栈级别。我自己试过这个,但我无法让它工作。我的预期输出是我单击一个月,我看到每天的堆叠列
任何帮助将不胜感激。
问题主要在于您组织数据的方式。我经常看到类似的设置,这不是一种灵活的方式。所以代替:
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);