2012-12-12 66 views
1

我想讓我的堆積列高圖顯示鑽取的所有堆棧。在我下面的例子中,當我點擊一個堆棧時,它只能鑽到堆棧級別。我自己嘗試過,但我一直無法使它工作。我的預期輸出是,我點擊一個月,我看到每天的堆積列如何鑽取堆積列高圖以顯示所有堆棧而不是點擊

任何幫助將不勝感激。

+0

這是我目前的版本:http://jsfiddle.net/aNmBV/2/ – user1898226

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