如何解决多折线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 举报,一经查实,本站将立刻删除。