Updating single node

[l99057j]

I'm using the library to display a hierarchical workflow with the status of each task being updated in real time. After the initial display of the chart, a SignalR connection is established. When a task's status changes, a message is received and the underlying chart data is updated...

let task = chart.data().find(x => x.id.toLowerCase() === status.taskId.toLowerCase());
if (task) {
task.status = status.taskStatus;
task.startTime = status.startTime;
task.finishTime = status.finishTime;
}

... and I then refresh the node like so...

function refreshNode(id) {
let node = chart.getChartState().allNodes.find(x => x.id == id);
if (node) {
chart.update(node);
}
}

Console statements in my nodeContent function show that even though I'm passing a node to chart.update ALL nodes are being re-rendered. Is there a way to force an update on a single node to avoid unnecessary processing?

[bumbeishvili]

Since it's an HTML, you can just get the dom element of that specific node via pre set id or class using js and update it like that

Or probably a better way would be

function refreshNode(id) {
        let attrs = chart.getChartState()

      attrs.svg
            .selectAll(".node-foreign-object-div")
             .filter(x => x.id == id);
            .html(function (d, i, arr) {
                return attrs.nodeContent.bind(this)(d, i, arr, attrs)
            })

  }
}