Highcharts - 對齊dateTime系列共享工具提示

Question

我有2個時間序列，我想「分享」工具提示。但是，我有一個問題，只有每個系列的第一個點對齊並共享工具提示。其餘點略有偏差，因此無法同時顯示在工具提示中。

這個小提琴將幫助演示問題。 Fiddle

如果您將鼠標懸停在第一個點上，則工具提示會顯示兩個系列的條目。但是下一個數據點只在工具提示中顯示一個條目。

請問您的建議嗎？爲了分享這個工具提示，我錯過了「對齊」這兩個系列？顯然這是不夠的，只需添加

tooltip: { 
     shared: true, 
} 

謝謝。

Answer 1

假設最終目標是根據一天的時間比較兩個不同的日期，並且假設數據點是有規律的間隔，或者足夠接近並且可以被模糊（即每小時1點或每個點10分鐘等），我會採取不同的方式：

1）使用單一日期。它可以是今天的日期，也可以是任何其他日期，因爲一天中的時間是日期字符串的重要部分，所以無關緊要。

2）使用pointStart和pointInterval屬性來設置適當的定時（基於人工日期，但正確的時間間隔）

3）設定各數據序列的實際日期作爲系列名稱，這將顯示在圖例和共享工具提示中，以正確顯示每個數據集的日期。

4）使用在X軸標籤的格式選項，僅顯示標籤的時間部分，而不是日期

這樣你刪除了第二x軸的需要，刪除工具提示任何併發症格式化，不需要使用更復雜的數據結構，如評論（「{」y「：0.87，」realDateTime「：'25/12/2015 03:00'}」），並且只需要通過適當的日期到每個系列的名稱屬性。

//use the current date as the base - the date doesn't matter, just the time 
var d    = new Date(); 
var date   = new Date(d.getFullYear(), d.getMonth(), d.getDate(), 0,0,0); 
var pointStart = date.getTime(); 
var pointInterval = 3600 * 1000 // 1 hour 

。

series: [{ 
    name : 'Apr 17, 2015', 
    data : [2,5,8,9,8,7,4,5,6,9,8,7,8,9,8,7,8,5,3,2,1,4,4,5] 
},{ 
    name : 'Jun 12, 2015', 
    data : [3,6,9,5,4,7,8,5,2,1,4,5,9,8,7,5,6,9,8,7,4,5,6,3] 
}] 

例子：

• http://jsfiddle.net/jlbriggs/b3t7ueam/

[，當然，你可以用許多不同的日期，根據需要（儘管這顯然很多無厘頭做到這一點）：

• http://jsfiddle.net/jlbriggs/v76u9w2L/

]]