Javascript D3绘制数据集的选择性部分

Javascript D3绘制数据集的选择性部分,javascript,d3.js,graphing,Javascript,D3.js,Graphing,我需要绘制一个大型的时间序列数据集,我正在尝试使用D3来绘制它。我计划让我的图形以x轴为时间轴,并允许图形在x方向上移动。我希望图形仅加载/显示屏幕上当前时间范围内存在的点 例如,如果我的数据集的时间为1-100,但图形以显示的时间1-10开始,则图形应仅显示点1-10。然后,用户可以向右移动并查看时间5-15,图形应相应更新 有人能解释一下如何通过d3实现这一点吗?我很难将理解从立即加载整个数据集并立即绘制图形过渡到数据子集的选择性图形。我想您正在寻找函数。例如,您可以拥有: var allN

我需要绘制一个大型的时间序列数据集,我正在尝试使用D3来绘制它。我计划让我的图形以x轴为时间轴,并允许图形在x方向上移动。我希望图形仅加载/显示屏幕上当前时间范围内存在的点

例如,如果我的数据集的时间为1-100,但图形以显示的时间1-10开始,则图形应仅显示点1-10。然后,用户可以向右移动并查看时间5-15,图形应相应更新


有人能解释一下如何通过d3实现这一点吗?我很难将理解从立即加载整个数据集并立即绘制图形过渡到数据子集的选择性图形。

我想您正在寻找函数。例如,您可以拥有:

var allNodes = vis.selectAll("Nodes").data(data.nodes); 
var validNodes = allNodes.filter(function(d){return (d.time>1 && d.time <10)});
//use normal graph functions on validNodes.  
var allNodes=vis.selectAll(“节点”).data(data.Nodes);

var validNodes=allNodes.filter(函数(d){return(d.time>1&&d.time感谢您的回复。这很有意义。我可以动态地知道如何设置筛选函数的边界吗?理想情况下,如果您遵循,我希望获得x轴的边界。如果它们滚动到5-15,则边界应该是d.time>=5&&d.time。您应该能够在API中找到这一点:。否则我不知道。我在这方面很幸运h x.domain()提供x轴的最小值和最大值。我将此标记为正确,因为我需要使用域信息的筛选器。