Javascript html折线图显示设备状态所需的建议

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

我可以使用传统的XY时间序列图，在Y轴上为每个设备分配一个数字，然后在设备打开时将该数字设为+1，反之亦然。。虽然这是可能的，但我希望得到更直接的建议

---

（来源：）

您可以使用

实现该图形。我知道我需要的是阶梯形折线图。。但我还需要显示设备在Y轴上的spreed，同时该线在on和off状态之间切换。。此外，在Y轴上，我需要设备ID，而不是表示Y轴值的特定数字。。关于如何使用阶梯线图实施这一点，有什么建议吗？请向上投票，因为我还没有收到我的问题的答案。。谢谢