使用setTimeout()时的JavaScript未捕获引用
我使用d3.js实现数据可视化,但我不是JavaScript程序员,所以我编写了如下内容使用setTimeout()时的JavaScript未捕获引用,javascript,d3.js,svg,Javascript,D3.js,Svg,我使用d3.js实现数据可视化,但我不是JavaScript程序员,所以我编写了如下内容 for(var i =0;i<6;i++){ setTimeout(function(){ var in = data[0][i]; slate(" + margin.left + "," + margin.top + ")"); var svg = d3.select("#clustering
for(var i =0;i<6;i++){
setTimeout(function(){
var in = data[0][i];
slate(" + margin.left + "," + margin.top + ")");
var svg = d3.select("#clustering").append("svg")
.attr("width", width + margin.left + margin.right)
.attr("height", height + margin.top + margin.bottom)
.append("g")
.attr("transform", "translate(" + margin.left + "," + margin.top + ")");
svg.append("rect")
.attr("width", width)
.attr("height", height);
svg.append("g")
.attr("class", "x axis")
.attr("transform", "translate(0," + height + ")")
.call(xAxis);
svg.append("g")
.attr("class", "y axis")
.call(yAxis);
var color = d3.scale.category10();
refreshGraph();
},1000);
}
/*
* function displaying data on svg
* called every time data change
*/
var refreshGraph = function(){
// removing all previously drawn dots
svg.selectAll(".dot")
.data(instruments)
.exit()
.remove();
}
for(var i=0;i
- 在传递给
setTimeout
的函数中定义分配给refreshGraph
的函数,以便svg
仍在作用域内或
- 将
svg
完全声明在循环之外,以便它保留在范围内或
- 调用该函数时,将
svg
作为参数传递给该函数
或者:
- 在传递给
setTimeout
的函数中定义分配给refreshGraph
的函数,以便svg
仍在作用域内或
- 将
svg
完全声明在循环之外,以便它保留在范围内或
- 调用该函数时,将
svg
作为参数传递给该函数
当您在循环中使用setTimeout时,我认为您需要使用variable将其转换为匿名函数。我有类似的问题,但d3“我知道函数refreshGraph无法看到var svg”-其他任何东西也不能。它不会出现在您共享的代码中的任何地方。好吧,在这段代码中,我没有看到svg在任何地方定义…@Riddell:这不是OP要问的问题。但这是他们会遇到的下一个问题。奥马尔:有关更多信息,请参阅:@Riddell,正如我所说的,我不是JavaScript程序员,您能用cod解释一下吗e、 感谢您在循环中使用setTimeout,我相信您需要使用变量将其转换为匿名函数。我有类似的问题,但d3“我知道函数refreshGraph无法看到var svg”-其他任何东西也不能。它不会出现在您共享的代码中的任何地方。好吧,在这段代码中,我没有看到svg在任何地方定义…@Riddell:这不是OP要问的问题。但这是他们会遇到的下一个问题。奥马尔:有关更多信息,请参阅:@Riddell,正如我所说的,我不是JavaScript程序员,您能用cod解释一下吗e、 多谢各位