我使用 cytoscape.js 2.7.5 显示由 Cytoscape Desktop 导出的图形,作为 graph.cyjs 转换为 Javascript 文件图形.js其中包含"var graph = ... the content of the cyjs file ...;"
。使用以下 HTML 我可以看到节点和边缘,但样式(颜色,用作节点名称的属性)未导入。如何导入样式?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="cytoscape.js"></script>
<script src="graph.js"></script>
</head>
<body>
<div id="cy" style="width:100%;height:100vh;"></div>
<script>
var cy = cytoscape({
container: document.getElementById('cy') // container to render in
});
cy.add(graph.elements);
</script>
</body>
</html>
显然,Cytoscape Desktop 不会将样式信息保存在其 .csjs 文件中,因此必须单独导出和导入:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="cytoscape.js"></script>
<script src="graph.js"></script>
<script src="style.js"></script>
</head>
<body>
<div id="cy" style="width:100%;height:100vh;"></div>
<script>
var cy = cytoscape({
container: document.getElementById('cy'),
style: style[0].style
});
cy.add(graph.elements);
</script>
</body>
</html>