Jquery 显示引擎状态的图表

Jquery Graph to display Engine Status

我需要绘制一个图表来显示引擎 status.That 我将有时间像 1-2,2-3,3-4 沿轴,并且通过使用条形图我需要显示引擎是否在这些时间打开或关闭。

从 1-2 开始,如果它关闭,它将显示黑色,如果从 2-4 打开,它将显示蓝色,如果状态更改,它应该从 blue.Right 现在显示黑色我通过删除一些参数自定义了 jquery 个显示一根柱的高图表。

我需要知道我是如何在这里实现的,或者在这张图中是否可行?

您可以使用柱形范围图来做到这一点,而且要尽量减少混淆。

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

示例:

通过提供时间戳作为 y 值,这可以很容易地适应时间轴。