当用户在线时，需要帮助表示图表中的时间

Question

我试图将用户的在线时间表示为图表。

假设用户在2:10上线并且他/她在线直到2:30并再次在2:50上线并且聊到3:00。

在图中我想要x轴无限时间和y轴true（1）或false（0）值，当用户在线时则为true，否则为假。

这是图形表示：

我试图使用chart.js，但在这种情况下它似乎不适合我。

这是jsfiddle链接：graph

我可以在用户上线时获取状态。

对此有任何帮助将受到高度赞赏。