javascript - 如何手动输入 Highcharts 的主详细图表的输入？

Question

我想使用此处显示的 Highcharts 的主详细信息图表：http: //www.highcharts.com/demo/dynamic-master-detail

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

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

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

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

谢谢你。

score 0 · Accepted Answer

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

文档摘录

data : Array<Mixed>

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

数值列表。在这种情况下，数值将被解释为 y 值，并且 x 值将自动计算，从 0 开始并以 1 递增，或者从 plotOptions 中给出的 pointStart 和 pointInterval 计算。例子：

data: [0, 5, 3, 5]

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

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

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

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

1 回答 1