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

Two data sets with different time instances on the same ChartJs chart

我的场景： 机器在某些时间实例上创建事件 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

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

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

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

Make sure to not define data.labels in this case.