2016-10-03 25 views
0

我在這裏https://jsfiddle.net/ezhp5a4j/6/一個區域和一個堆積條形圖但我需要實現這樣的事情:添加另一個系列:在這個實際但未疊加的列之後,從jan開始。 2010年12月結束。 2010年在y軸上有一定的位置,我的需求很簡單,但我不知道如何實現,我想我需要另一個X軸? 其實我有:在疊加柱後面加上軸

xAxis: { 
    type: 'datetime', 
    ordinal: false 
    }, 

也許我需要添加數組這個左右?

回答

2

你可以用第二個軸來做到這一點,但沒有必要。

如果您添加新的數據系列,並使用一些其他參數來控制大小和間距,則它們都可以使用相同的x軸。

實施例:

{ 
    "name": 'Summary', 
    type: 'column', 
    grouping: false, <-- make sure they don't group with the other series 
    stacking: false, <-- make sure they don't stack on the other series 
    color: 'rgba(0,0,0,0.5)', 
    pointRange: 86400000 * 365, , <-- 1 year; set to desired time frame 
    pointInterval: 86400000 * 365, <-- 1 year; set to desired time frame 
    pointPadding: 0.01, 
    groupPadding: 0, 
    data: [10000, 15000, 9000, 13000] 
} 

更新撥弄:

輸出:

enter image description here

編輯點評:

要添加的第二軸,你改變了xAxis對象對象的數組,像這樣:

xAxis: [{ 
    type: 'datetime', 
    ordinal: false 
},{ 
    linkedTo: 0, 
    type: 'datetime', 
    ordinal: false 
}] 

如果他們要有不同的比例尺,我不確定將它們繪製在一起是否合理,但在這種情況下,您將刪除linkedTo: 0

然後,在您的數據中,需要指定在第二個軸上繪製哪些數據系列,方法是將xAxis: 1添加到系列選項中(因爲其他系列不需要指定xAxis: 0,因爲0是默認值。

既然你指定你plotOptions一個pointStart,如果該系列的第二軸繪製都會有不同的規模,你需要指定該系列選擇單獨pointStart

更新例如小提琴:

+0

是的,這是真棒,neirly我需要什麼,我怎麼能有另一個軸相同thinkg?因爲我在Y位置有不同的開始和結束日期。 Iis它可能從我的jsfiddle?我不知道如何以正確的方式創建另一個軸,謝謝 – istiti

+0

看到更新的答案和小提琴。但是我強烈建議**不要**使用兩個座標軸來進行這種安排 - 如果您有不同的起點和終點,請使用最早的起點和最後的終點,以便以有意義的方式繪製數據一起。 – jlbriggs

+0

真棒,但你說的使用起點和終點是什麼意思?在您的例子中,你使用的間隔,但我有不同的列大小你的意思是最好加入不同的物體,像這樣 '{ 「名」:「摘要」, 類型:「列」, 分組:假的, 堆疊:假, 顏色: 'RGBA(0,0,0,0.5)', pointRange:86400000 * 365, pointInterval:86400000 * 365, pointPadding:0.01, groupPadding:0, 數據:[10000, 15000,9000,13000] }' 你的意思是像這樣添加多個對象?因此,我認爲使用新軸 – istiti