高图表-对齐共享工具提示的dateTime系列

Question

我有两个时间序列，我想‘分享’的工具提示。但是，我有一个问题，就是每个系列的第一点是对齐的，并且共享工具提示。其余的点稍微不对齐，因此不能同时显示在工具提示中。

这把小提琴将有助于证明这个问题。小提琴

如果悬停在第一点上，工具提示就会出现在这两个系列的条目中。但是下一个数据池在工具提示中只显示一个条目。

我可以征求您的意见吗？我错过了什么‘对齐’两个系列，以分享工具提示？很明显，仅仅加上

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/

]] ]

Answer 2

我知道这是一个老问题，但我发现另一种可行的方法是将数据重新格式化为CSV格式，并为数据模块添加一个导入。

高级图表站点上有一个演示程序，它可以在这里上实现您所要求的(尽管嵌套在ajax请求中)。其中的两个关键部分是：

<script src="https://code.highcharts.com/modules/data.js"></script>

和

data: {
    csv: csvData
}

该示例读取一个实际的csv文件，但它将接受任何格式化类似的字符串。另外，如果在csv字符串中设置标头，则不需要在系列选项中声明它们的名称。