D3.js 轴更改后散点图点溢出

Question

我正在运行一个散点图，我在其中更改 X 轴以显示新的预测变量。当前的更新函数看起来像这样

`

function updateScatter(selectedValue, scatterSVG) {

    // Create new data with the selection?
    var dataFilter = data.map(function(d){return {Ladderscore: d.Ladderscore, value:d[selectedValue]} })
    
    minX = d3.min(data, d => parseFloat(d[selectedValue]));
    maxX = d3.max(data, d => parseFloat(d[selectedValue]));

    dot.data(dataFilter)
        .transition()
        .duration(1000)
        .attr("cx", function(d) { return x(+d.value) })
            .attr("class", "circle")

    x = d3.scaleLinear()
        .domain([minX, maxX])
        .range([0, width])
    xAxis.transition().duration(1000).call(d3.axisBottom(x));
    

    scatterSVG.append("g")
        .attr("class", "x axis")


    scatterSVG.selectAll(".circle")
        .data(selectedValue)
        .enter()
        .append("circle")
            .attr("class")


}

` 这里的“阶梯分数”是 Y 轴，不会更新。 虽然 X 轴更新成功，但它映射的点可能落在图形边界之外或之内，我不太清楚哪里出了问题。帮助表示赞赏。

尝试过上述方法后，我希望得到一个散点图，将点放在 x 轴的正确域中。没有这样的运气。