Jquery Graph 显示引擎状态

Question

我需要绘制一个图表来显示引擎状态。也就是说，我将有时间像轴上的 1-2,2-3,3-4 并且通过使用条形图我需要显示引擎是打开还是关闭在这个时候。

这是从 1-2 如果它关闭它将是黑色和 2-4 如果它打开它将显示蓝色，如果状态改变它应该从蓝色显示黑色。现在我已经自定义 jquery通过删除一些参数来显示一个柱的高图表。

我需要知道我是如何在这里实现这个的，或者在这个图中有可能吗？

Answer 1

您可以使用柱状范围图来做到这一点，并且尽量减少伪造。

主要问题是确保正确设置数据点，并在 plotOptions 中设置 grouping:false。还需要为每个数据指定 x 值，否则它们都将被赋予单独的 x 值

例子：

• http://jsfiddle.net/jlbriggs/o9ck2zLn/

通过提供时间戳作为 y 值，这可以轻松地适应时间轴。