刷新函数未正确调用 d3

我正在使用 d3 中的散点图。图表上的点代表一张纸。右键单击一个点时，我有一个上下文菜单，其中有 2 个选项：1） 将该纸张添加到库中（将类型更改为 In_library）和 2） 从库中删除（从数据中完全删除纸张）。

我在每次更新后调用 refreshGraph（） 函数，该函数使用更新的数据重新绘制图形。但是什么也没发生，我认为这是因为 refreshGraph（） 没有被正确调用？或者对于选项 1 类型库设置不正确？在选项 1 之后调用 refreshGraph 时，点应变为蓝色，在为选项 2 调用它时，点应从显示中消失，因为它已从用于绘制圆圈的数据 alldata 中删除。以下是相关代码：

allData = [];
var menu = [{
title: 'Add to Library',
action: function addToLibrary(elem, d, i) {
    d3.json("connection6.php?paperID="+d.ID, function(error, dataJson) {
        for(i=0;i<allData.length;i++){ 
            if (d.type === "In_library")
            {
            alert("The paper: " + d.TITLE + " is already in your Library!"); 
                    return; 
            }
            }
            d.type = "In_library"; // is this the correct way to change the type if the input has a different type??
            refreshGraph();
        })
        refreshGraph();
    }
}, 
{
title: 'Remove from Library',
action: function removeFromLibrary (elem, d, i) {
        d3.json("connection9.php?paperID="+d.ID, function(error, dataJson) {
            //loop through allData and if selected ID has type In_library, remove from allData
            for(i=0;i<allData.length;i++){
                if (d.type == "In_library"){
                    allData.splice(i--,1);      
            }
            }
            refreshGraph();
            })  
    }
}
]
function refreshGraph() { 
// draw dots
var circles = svg.selectAll("circle")
        .data(allData)
    circles.transition()
        .attr("cx", function(d) {return x(YearFn(d))})
        .attr("cy", function(d) {return y(Num_citationsFn(d))})
    circles.enter()
        .append("circle")
        .attr("class", "dot")
        .attr("r", 3.5)
        .attr("cx", function(d) {return x(YearFn(d))})
        .attr("cy", function(d) {return y(Num_citationsFn(d))})
        .style("fill",function(d){
                    var colour = "black"
                    switch(d.type){
                    case "In_library":
                        colour = "blue";
                    break;
                    case "cited by":
                        colour = "red";
                    break;
                    case "cites":
                        colour = "green";
                    break;
                    case "selected":
                        colour = "magenta";
                    break;
                    default:
                        colour = "black";
                    }
                    return colour;
                    }) 
        .on("mouseover", mouseHandler)
        .on("mouseout", mouseoutHandler)
        .on("click", clickHandler)
        .on("contextmenu", rightClickHandler);

svg.select(".y.axis").call(yAxis); 
svg.select(".x.axis").call(xAxis);
//don't want dots overlapping axis, so add in buffer to data domain
x.domain([d3.min(allData, YearFn)-1, d3.max(allData, YearFn)+1]);
y.domain([d3.min(allData, Num_citationsFn)-1, d3.max(allData, Num_citationsFn)+1]);
    }

非常感谢任何帮助，我是d3的新手，所以提前感谢！