На диаграмме отношения всегда удаляются с последнего до первого, а не выбранным ⇐ Javascript

[Anonymous]

У меня есть базовая диаграмма в D3JS, содержащую объекты и отношения между объектами, инициализированными в этих массивах: < /p>

Код: Выделить всё

      let objectsData = [
{ id: 1, x: 150, y: 150, type: "circle", color: "#ff6b6b" },
{ id: 2, x: 300, y: 200, type: "rect", color: "#4ecdc4" },
{ id: 3, x: 500, y: 150, type: "circle", color: "#45b7d1" },
{ id: 4, x: 400, y: 350, type: "rect", color: "#96ceb4" },
{ id: 5, x: 200, y: 400, type: "circle", color: "#feca57" },
];

let relationsData = [
{ source: 1, target: 2 },
{ source: 2, target: 3 },
{ source: 3, target: 4 },
{ source: 4, target: 5 },
];

Когда мой метод updaterelations () сначала называется, все отображается правильно, но, когда я щелкнут отношения, чтобы удалить их, они всегда удаляются с последнего к первым в таблице «Объединения», это никогда не было удалено, которое удаляется:
const relations = svg.append("g").attr("class", "relations");

function updateRelations() {

const relationGroups = relations.selectAll(".relation-group").data(relationsData);

const enterGroups = relationGroups
.enter()
.append("g")
.attr("class", "relation-group")
.style("cursor", "pointer")
.on("click", function (event, d) {
event.stopPropagation();
const index = relationsData.indexOf(d);
if (index > -1) {
relationsData.splice(index, 1);
updateRelations();
}
});

// Add visible line
enterGroups
.append("line")
.attr("class", "relation");

const allGroups = enterGroups.merge(relationGroups);

allGroups.selectAll(".relation")
.attr("x1", (d) => getObjectById(d.source).x)
.attr("y1", (d) => getObjectById(d.source).y)
.attr("x2", (d) => getObjectById(d.target).x)
.attr("y2", (d) => getObjectById(d.target).y);

relationGroups.exit().remove();
}

function getObjectById(id) {
return objectsData.find((obj) => obj.id === id);
}

Сначала я подумал, что это была моя переменная индекса , которая была ослаблена ( нравится: она всегда будет -1 ), но его значение кажется правильным.


Подробнее здесь: https://stackoverflow.com/questions/797 ... of-selecte