2014-09-24 42 views
0

有沒有方法可以按時間序列顯示分組列。因此,每個時間框架都會有2列堆疊數據。時間序列中的堆積和分組列

問題是,這將是3維數據,我不知道如果Highcharts可以處理這個。另外,xAxis如何處理日期和列名稱的顯示?

,我想出的唯一事情是這樣的:http://jsfiddle.net/7p34o3w5/1/

{ 
    chart: { 
    type: 'column' 
    }, 
    xAxis: { 
    type: 'datetime' 
    }, 
    plotOptions: { 
    column: { 
     stacking: 'normal', 
     pointInterval: 86400000, 
     pointStart: 1411336800000 
    } 
    }, 
    series: [{ 
    "name": "Politik", 
    stack: 0, 
    "data": [100, 100] 
    }, { 
    "name": "Panorama", 
    stack: 0, 
    "data": [100, 100] 
    }, { 
    "name": "Kultur", 
    stack: 0, 
    "data": [100, 100] 
    }, { 
    "name": "Wirtschaft", 
    stack: 0, 
    "data": [100, 100] 
    }, { 
    "name": "Politik", 
    stack: 1, 
    "data": [100, 100] 
    }, { 
    "name": "Panorama", 
    stack: 1, 
    "data": [100, 100] 
    }, { 
    "name": "Kultur", 
    stack: 1, 
    "data": [100, 100] 
    }, { 
    "name": "Wirtschaft", 
    stack: 1, 
    "data": [100, 100] 
    }] 
} 
+0

您需要設置x-軸類型作爲日期時間,並使用i.e3棧,或定義的x值對每個系列。然後你達到3堆。它可能附加一個樣機應該是什麼樣子? – 2014-09-25 12:43:23

+0

確定切換到'datetime'。但我的主要問題是,它爲不同堆棧上的每個項目創建了一種新顏色。目標是例如Wirtschaft項目在每個堆棧上都具有相同的顏色,並且只在圖例中顯示。同時更新問題,以便堆棧數量與示例匹配。 – 2014-09-25 12:55:51

回答

0

您可以使用 parmater並將其設置爲假,同名的「第二」系列。然後使用linkedTo參數。

實施例:http://jsfiddle.net/7p34o3w5/1/

+0

更新了示例,但它仍使用不同的顏色:http://jsfiddle.net/7p34o3w5/2/ – 2014-09-25 18:21:39

+0

我發現的唯一解決方案是爲每個系列明確設置它。 – 2014-09-29 08:59:37