首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >不使用d3.js重新绘制数据的无限滚动条形图

不使用d3.js重新绘制数据的无限滚动条形图
EN

Stack Overflow用户
提问于 2018-02-23 15:32:57
回答 1查看 940关注 0票数 1

我正在构建一个具有以下所需行为的动态滚动条形图:

  1. 图表的初始视图应包含以下滚动条的完整数据中指定的(常量)观测量。
  2. 在滚动到几乎结束栏,一些新的数据应该自动包括到图表中,而不需要重新呈现。换句话说,新的数据应该添加到图表中,而不是在整个数据上重新呈现图表。
  3. 这个过程应该继续进一步滚动,给人无限滚动条形图的感觉。
  4. Y轴尺度在整个过程中应该保持不变.

我对d3.js相当陌生,对如何构建滚动条形图和构建无限滚动列表(使用jquery)有基本的了解。然而,我想不出如何:

  1. 如何根据新的加载数据更新x轴比例。
  2. d3.js对此是否有效(考虑到我需要输入~ 10-100k数据点),还是有更好的解决方案?

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-02-23 16:06:14

将新数据添加到图表中,而不重新呈现整个数据。

这在d3中非常容易做到。例如,请参见此条形图

如何根据新的加载数据更新x轴比例。

在上面的例子中,x轴会自动更新。

这个部分的诀窍是在到达底部后触发滚动事件。

d3.js对此是否有效(考虑到我需要在滚动中输入大量数据),还是有更好的解决方案?

对浏览器的限制大于对d3.js的限制。我不知道你认为“大量的数据”有多少,所以我不能帮你。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48951301

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档