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

问题描述

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

设置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,7,8]),但这似乎是不正确的,这意味着我需要计算每次要填充多少个空值。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...