Question

我正在使用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").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();
          }

但我收到此错误Uncaught Reference Error: svg is not defined我知道函数refreshGraph看不到var svg，但我不知道如何解决这个问题。谢谢你的帮助。

Answer 1

或者：

在传递给refreshGraph的函数中定义您分配给setTimeout的函数，以便svg仍在范围或
完全声明svg 在之外的循环，因此它仍然在或
将svg作为参数传递给该函数

使用setTimeout（）时JavaScript未捕获的引用

1 个答案: