Highcharts覆蓋多個日期時間系列

Question

我想覆蓋兩個日期時間x軸不是從相同的日期範圍，但具有相同的點數（系列1中的點索引x應該在系列2的點索引x旁邊）。

我試圖用兩個x軸實現這一點，其中一個被隱藏。

我基本上似乎工作，但酒吧只在某些縮放級別對齊。

放大的：

縮小了的：

Here與設置的的jsfiddle我想：

"xAxis": [{ 
 
    tickInterval: 36e5, 
 
    "type": "datetime", 
 
    "dateTimeLabelFormats": { 
 
    "day": "%H" 
 
    }, 
 
    visible: false 
 
}, { 
 
    tickInterval: 36e5, 
 
    "type": "datetime", 
 
    "dateTimeLabelFormats": { 
 
    "day": "%H" 
 

 
    }, 
 
}

Answer 1

從@pawel fus的解決方案可能在大多數情況下工作，不幸的是不適合我。

我最終爲兩個系列的x軸使用完全相同的值，並且只爲每個值設置了不同的名稱。

Answer 2

我想你要使用的類別 - 這樣你會得到軸均勻分佈的點，一起來看看：http://jsfiddle.net/8wahvryx/2/

"xAxis": [{ 
    "type": "category", 
    labels: { 
    formatter: function() { 
     return Highcharts.dateFormat('%H:%M', this.value); 
    } 
    } 
}, { 
    "type": "category", 
    visible: false 
}] 

如果你不想改變你的數據格式，可以覆蓋鑰匙從陣列（默認爲[x, y]）支持名稱：

plotOptions: { 
    column: { 
    keys: ['name', 'y'] 
    } 
}, 

注意：在分類軸，point.name用作點以下類別名稱。使用xAxis.labels.formatter或xAxis.labels.format將時間戳更改爲小時。