多折线ChartJS折线图数据点与标签位置不匹配

Question

我有两个希望在折线图中绘制的两条线的以下数据集：

设置1：

标签：["Mo-11pm", "Tu-11pm"]

数据：[7,8]

设置2：

标签：["We-11pm", "Th-11pm", "Fr-11pm", "Sa-11pm", "Su-11pm", "Mo-11pm", "Tu-11pm"]

数据：[4,20,1,15,11,13,60]

图表的标签基于最长的数据集，因此在上述情况下，第2组将形成图表标签。我面临的问题是，较短集合的数据绘制在最左侧的X轴点上，这是对应的错误标签。该数据项应绘制在相应的标签上-即，在Mo-11pm的X轴点上绘制了集合1的We-11pm

此图像说明了问题：

下图是根据数据显示图表的方式：

我想知道是否有人知道如何构造它以正确显示它？我解决此问题的唯一方法是在较短的数据数组中填充空值（即[null, null, null, null, null, 7, 8]），但这似乎是不正确的，这意味着我需要计算每次要填充多少个空值。