我用chart.js 创建了一个折线图。现在我遇到的问题是,如果缺少某些数据,不同数据集的线条不会在图表的边缘结束。它们以最后一个数据集值结束,该值不为空。
数据集数据是一个数字数组,看起来像:[3, 4, null, null, 120, 89, null, null, 10, 9, null, null]
是否有可能将每条线延伸到图表的边缘?
我附上了一张图片,它目前的样子,带有红色箭头,是我想要的。
我已经在 Stackoverflow、Google 和 Chart.js 文档中寻找实现此操作的方法,但还没有找到任何东西。
如果您需要具有最后一个值的行,只需将它们添加到数据集数组中即可。只需在当前元素索引和整个长度之间添加元素(具有最后一个值)即可。
顺便说一句,你可以在这里查看 line API -> https://www.chartjs.org/docs/latest/configuration/elements.html#line-configuration