Javascript 如何手动输入Highcharts'；主明细表？

我想使用Highcharts的主细节图，如图所示：

但是，我不想为了让脚本自动为每个数据点分配日期值而使用间隔，因为我的数据不一定是连续的。例如，我可能有一分钟的数据，而下一分钟没有数据

理想情况下，我想在这个图表中可视化三天。每个点都是特定日期特定分钟的值

有什么建议吗？如果有必要，我不介意使用其他库

如果我没有说清楚或者你需要更多信息，请告诉我

---

谢谢。

序列对象中的数据属性可以是一个值数组，在这种情况下，它将假定数据的间距相等。或者，您可以传递一个数组数组，其中外部数组的大小与点数相同，此数组的每个元素都是另一个大小为2的数组，第一个元素为epochTime，第二个元素为值。还有第三种选择，如下所述

文件@

文件摘录

数据：数组

序列的数据点数组。series对象期望点从低到高排序。这样做的原因是为了提高性能。虽然在许多情况下，数据是从服务器获取的，但在服务器上排序也更方便，从而节省客户机资源。这些要点可以通过三种方式给出：

数值列表。在这种情况下，数值将解释为y值，x值将自动计算，无论是从0开始，递增1，还是从plotOptions中给定的点开始和点间隔计算。例如：

data: [0, 5, 3, 5]

data: [[5, 2], [6, 3], [8, 2]]

data: [{
    name: 'Point 1',
    color: '#00FF00',
    y: 0
}, {
    name: 'Point 2',
    color: '#FF00FF',
    y: 5
}]

具有两个值的数组列表。在这种情况下，第一个值是x值，第二个值是y值。如果第一个值是字符串，则将其作为点的名称应用，并按照上述规则递增x值。例如：

data: [0, 5, 3, 5]

data: [[5, 2], [6, 3], [8, 2]]

data: [{
    name: 'Point 1',
    color: '#00FF00',
    y: 0
}, {
    name: 'Point 2',
    color: '#FF00FF',
    y: 5
}]

具有命名值的对象列表。在这种情况下，对象是点配置对象，如options.point下所示。例如：

data: [0, 5, 3, 5]

data: [[5, 2], [6, 3], [8, 2]]

data: [{
    name: 'Point 1',
    color: '#00FF00',
    y: 0
}, {
    name: 'Point 2',
    color: '#FF00FF',
    y: 5
}]

---

您可以将每个点指定为一对（时间戳、值）。看看这个答案：真的很有帮助！谢谢！非常感谢你。我很欣赏JSFIDLE示例，它将节省我大量的时间。干杯