更改所选D3对象的数据

Question

在我更改x1和x2属性时，我想更改线对象的数据变量中的x值。我怎么做？请参阅下面的代码和图片。

function updateBorder(x, whichBorder) {
    temp_border = svg.selectAll(whichBorder)
    .attr("x1", x)
    .attr("x2", x);
}

Answer 1

您可以在d3回调中修改数据。

function updateBorder(x, whichBorder) {
    temp_border = svg.selectAll(whichBorder)
    .each(function (d) { d.x = x })
    .attr("x1", x)
    .attr("x2", x);
}

但随机地点改变数据并不总是好主意。