javascript - html 线图显示设备状态所需的建议

Question

我正在寻找有关用于 HTML 页面的图表库类型的建议，该页面需要在时间线上显示（iot）设备状态（开/关）。图表需要类似于逻辑分析仪显示。Y 轴将包含分隔一定距离的每个设备的线，并且可以在高低状态之间切换，而 X 轴将是时间线。我计划一次显示多达 50 个设备的状态。

我可以使用传统的 XY 时间序列图并在 Y 轴上为每个设备分配一个数字，然后在设备打开时使该数字 +1，反之亦然。虽然这是可能的，但我正在寻找任何建议那会更直接..

_{（来源：utep.edu）}

标签： javascripthtml

Answer 1

您可以使用Chart JS 的阶梯线图来实现该图