图表：jQuery - 这是什么样的图形？状态/状态与时间

Question

我正在寻找一种方法来绘制这种图表。我试图用HTML表格和PHP循环手动执行它，但是这些图的上下性质使得这种方式看起来不可能。我试过在Google上搜索Javascript图表，但不知道名称我没有取得任何成功。

X轴是时间（一天中的小时，细分尽可能小），Y轴是状态。在这个例子中，我有4个，但是我可以在系统中有一个可变数字。

Answer 1

您可以使用HighCharts

您可以添加您的时间类别x轴，也可以将类型设置为datetime：http://jsfiddle.net/4w32jgps/1/