Javascript 从Cytoscape JS 3.2.22迁移到3.3.0:Graph不';t渲染和浏览器窗口崩溃
我有一个NodeJS应用程序,它使用Cytoscape js可视化图形。我想在3.5.2中使用滑行边缘样式的新功能,但每次我渲染图形时,页面都会在3.5.2版本中冻结并崩溃一段时间。CPU使用率也会飙升至约100%。我使用Cytoscape实例作为类的一部分 我将其追溯到从Cytoscape JS 3.2.22到3.3.0的迁移。但这就是我能找到的。我检查了Cytoscape JS repo中的变更日志,但找不到任何似乎相关的内容,除了:。这导致了#2295,那里的修复也没有帮助。所以我猜这也没有关系Javascript 从Cytoscape JS 3.2.22迁移到3.3.0:Graph不';t渲染和浏览器窗口崩溃,javascript,node.js,cytoscape.js,Javascript,Node.js,Cytoscape.js,我有一个NodeJS应用程序,它使用Cytoscape js可视化图形。我想在3.5.2中使用滑行边缘样式的新功能,但每次我渲染图形时,页面都会在3.5.2版本中冻结并崩溃一段时间。CPU使用率也会飙升至约100%。我使用Cytoscape实例作为类的一部分 我将其追溯到从Cytoscape JS 3.2.22到3.3.0的迁移。但这就是我能找到的。我检查了Cytoscape JS repo中的变更日志,但找不到任何似乎相关的内容,除了:。这导致了#2295,那里的修复也没有帮助。所以我猜这也没
this.renderedGraph = Cytoscape({
container: $(`#${graphID}`),
style: Cytoscape.stylesheet()
.selector("node")
.css({
"content": "data(graphAbbrev)",
"text-wrap": "wrap",
"padding": "4px",
"width": "label",
"height": "label",
"text-valign": "center",
"text-halign": "center",
"shape": "roundrectangle",
"background-color": `mapData(weight, 0, ${
this.maxNodeWeight
}, #1cb5e0, #000046)`,
"color": "white"
})
.selector("edge")
.css({
"line-fill": "linear-gradient",
"text-margin-x": "20px",
"text-rotation": "autorotate",
"label": "data(weight)",
// "curve-style": "taxi",
// "taxi-direction": "downward",
// "taxi-turn": 20,
// "taxi-turn-min-distance": 5,
"target-arrow-shape": "triangle",
"target-arrow-color": `mapData(weight, 0, ${
this.maxEdgeWeight
}, #E6DADA, #274046)`,
"line-color": `mapData(weight, 0, ${
this.maxEdgeWeight
}, #E6DADA, #274046)`
}),
layout: {
name: "preset",
fit: true,
padding: 30
},
elements: {
nodes: this.nodes,
edges: this.edges
}
});
我希望它能像3.2.22中那样呈现通常的图形,但3.3.0及以上版本的任何东西都不会带来好运