在同一个 ChartJs 图表上具有不同时间实例的两个数据集

Question

我的场景： 机器在某些时间实例上创建事件 ON、RELOAD、OFF。 它还每小时发送传感器热量数据，可能是也可能不是在事件的时间实例。

请参阅下面的示例数据。

events [10.30AM, 4.45PM, 6.15PM, 8PM]

Heat Data [11Am, 12PM,........., 7PM]

如您所见，数据点位于不同的时间范围内。因此，如果我使用下面的示例，热量数据将完全错位。

https://www.chartjs.org/samples/latest/scales/time/line-point-data.html

有没有办法准确地绘制这两个数据集？

Answer 1

通过一个对象数组简单地定义您的data as points，每个对象都有一个x 和一个y 属性。

data: [{
    x: new Date(),
    y: 1
}, {
    t: new Date(),
    y: 10
}]

确保在这种情况下不定义data.labels。