Javascript 在Chart.js图表中显示持续时间

我正在尝试使用chart.JS为一个项目创建一个图表，该图表将显示设备在给定的一天内被打开的持续时间

日期位于Y轴上，X轴包含从00:00到23:59的24小时时间刻度，水平条表示持续时间。我想我正在尝试制作一些类似甘特图的样式

我目前拥有的Javascript代码如下：

var timeAxis=[]；
var dateAxis=[]；
var startDate=力矩（'2000-01-01 00:00'）；
var endDate=力矩（'2000-01-01 23:59'）；
while（startDate以下是我的解决方案：

我使用了全新的
chart.js
2.9版本中的新浮动条功能

除了工具提示的时区和时间格式之外，一切都正常。当我解决这些问题时，我会在这里发布完整的代码。如果其他人解决了这些问题，如果他/她用正确的代码更新我的答案，我会很高兴。
嗨，Dimgeek，你的问题似乎没有遵循找到的指导原则herehttps://stackoverflow.com/help/how-to-问，这似乎是你在寻找一个人为你完成一项工作，而不是帮助你找到答案。你能把问题缩小到一个特定的问题，让你自己制定解决方案吗？这个问题现在感觉像是因为你遇到了一个问题，就要求别人为你完成这项工作。你是什么r数据格式（它意味着什么）以及您希望得到什么？您希望得到什么（例如2019-12-13）从00:00到06:32的红色条、从06:32到21:34的绿色条和从2:34到23:59的红色条？或者您希望如何显示打开和关闭？我试图进入显示一个绿色条，从设备打开到关闭。换句话说，我试图让它显示设备打开的持续时间。例如从2019-12-13 06:32到21:34，每天如此。我不知道chart.js甚至有一个浮动条功能，因为我不记得在文档中读过任何关于它的内容。除了你提到的几个小问题，以及由于在工具提示时间使用小写字母“hh”而不是“hh”而导致的轻微的AM/PM混乱我已将您的答案标记为解决方案。谢谢您的帮助，我非常感谢。：）