无限滚动条形图，无需使用d3.js重新呈现数据

Question

我正在制作一个动态滚动条形图，其中包含以下必需行为：

1. 图表的初始视图应包含来自完整数据的指定（常量）观察量，并带有下方的滚动条。

2. 在滚动到几乎结束时，一些新数据应自动包含在图表中而无需重新渲染。换句话说，应该将新数据添加到图表中，而不是在整个数据上重新呈现图表

3. 此过程应继续进一步滚动，给人一种无限滚动条形图的感觉。

4. y轴刻度应在整个过程中保持不变。

我对d3.js相当新，并且对如何构建滚动条形图和构建无限滚动列表（使用jquery）有基本的了解。但是我无法弄清楚如何：

1. 如何根据新的加载数据更新x轴刻度。

2. d3.js对此有效吗（考虑到我需要输入~10-100k数据点）还是有更好的解决方案？

此外，欢迎任何展示上述功能的现有项目/演示。

Answer 1

  

向图表添加新数据，而无需重新渲染整个数据

这在d3中非常容易。例如，请参阅此bar chart

  

如何根据新的加载数据更新x轴刻度。

在上面的示例中，x轴会自动更新。

此部分的技巧是在到达底部时触发滚动事件。

  

d3.js会对此有效（考虑到我需要在滚动时输入大量数据）还是有更好的解决方案？

限制在浏览器上比d3.js更多。我不知道你认为“大量数据”有多少，所以我无法帮助你。