Chart.js:线条在图表中间结束 - 是否有可能将线条延伸到图表边缘?

问题描述 投票:0回答:1

我用chart.js 创建了一个折线图。现在我遇到的问题是,如果缺少某些数据,不同数据集的线条不会在图表的边缘结束。它们以最后一个数据集值结束,该值不为空。

数据集数据是一个数字数组,看起来像:[3, 4, null, null, 120, 89, null, null, 10, 9, null, null]

是否有可能将每条线延伸到图表的边缘?

我附上了一张图片,它目前的样子,带有红色箭头,是我想要的。

我已经在 Stackoverflow、Google 和 Chart.js 文档中寻找实现此操作的方法,但还没有找到任何东西。

javascript chart.js
1个回答
0
投票

如果您需要具有最后一个值的行,只需将它们添加到数据集数组中即可。只需在当前元素索引和整个长度之间添加元素(具有最后一个值)即可。

顺便说一句,你可以在这里查看 line API -> https://www.chartjs.org/docs/latest/configuration/elements.html#line-configuration

© www.soinside.com 2019 - 2024. All rights reserved.