cytoscape.js: улучшает производительность данных атрибута узла

Question

В cytoscape.js я пытаюсь изменить значения атрибутов двух узлов для каждого узла в сети с 329 узлами.

Это работает, но занимает 86 секунд. Я надеялся, что это будет намного быстрее. Вот мой код:

var data = // data of the form {lfc: {key1: 0.01, key2: 0.02, ...}, pval: {key1: 0.03, key2: 0.04, ...}}; 
var nodes = cy.nodes(); 
console.log('starting to update node data...'); 
var start = new Date().getTime(); 
for (var i = 0; i < nodes.length; i++) 
{ 
    var node = nodes[i]; 
    var id = node.data("id"); 
    var lfc = data['lfc'][id]; 
    var pval = data['pval'][id]; 
    node.data({lfc: lfc, pval: pval}); 
} 
var end = new Date().getTime(); 
console.log("finished in " + (end - start) + "ms"); 

Я знаю, что если я устанавливаю атрибуты всех узлов в сети к тому же значению, это намного быстрее. Это занимает около полутора секунд:

var start = new Date().getTime(); 
cy.nodes().data({lfc: 1.0, pval: 1.0}); 
var end = new Date().getTime(); 
console.log("finished in " + (end - start) + "ms"); 

Но поскольку я пытаюсь дать каждому узлу отдельные значения, я не могу этого сделать.

Любые идеи для улучшения производительности?

Answer 1

Проблема с вызывающими функциями, такими как в цикле, заключается в том, что каждая итерация вызывает события и уведомления для рендеринга, поскольку визуальные обновления могут потребоваться. Как вы отметили, это не проблема при добавлении/загрузке в массовом порядке, потому что это только генерирует одно уведомление.

Идеальной архитектурой было бы загрузить все элементы, которые вам нужны, до интуиции cytoscape.js, а затем обновлять отдельные узлы по мере их изменения на сервере. Опрос сервера и обновление всех узлов, скорее всего, вызовут другие проблемы, кроме загрузки производительности.