如何手动馈送高图表主详细信息图表的输入

How can I manually feed the inputs of a Highcharts' Master detail chart?

本文关键字：输入 详细信息 何手动 高图表      更新时间：2023-09-26

我想使用Highcharts的主详细图表，如下所示：http://www.highcharts.com/demo/dynamic-master-detail

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

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

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

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

谢谢。

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

文档 @ http://www.highcharts.com/stock/ref/#series--data

文件摘录

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
}]

查看 JSFiddle 示例

相关文章：