ChartJS 有没有办法做到自动滚动?

mm5n2pyu  于 2022-11-23  发布在  Chart.js
关注(0)|答案(1)|浏览(176)

我正在尝试将数据放入chartJS中,并让它在到达末尾时自动滚动
所以当它到达这里


它将不断添加数据,而用户不必滚动,有没有什么方法,我可以做到这一点,而不是滚动条在底部?

bcs8qyzn

bcs8qyzn1#

自动滚动而不显示滚动条意味着用户再也看不到滚动到可见区域之外的数据。如果这是您想要的,您可以在达到一定限制时删除过时的labelsdataset值。这可以使用Array.shift()来完成,它删除array中的第一个元素。

chart.data.labels.push(<new label>);
chart.data.datasets[0].data.push(<new value>);
if (chart.data.labels.length > maxValues) {
  chart.data.labels.shift();
  chart.data.datasets[0].data.shift();
}
chart.update();

请查看下面允许最多10个标签和值的可运行代码段。一旦达到此限制,过期的标签和值将被删除。
第一次

相关问题