Cytoscape.js新手。我从Cytoscape导出.cyjs格式的网络文件,但现在想在Cytoscape.js中将其可视化。我已经陷入将.cyjs文件集成到我的javascript中。我从在线提供的Cytoscape.js教程中制作了以下模板:
<!doctype html>
<html>
<head>
<meta charset="utf-8"></meta>
<title>Tutorial 1: Getting Started</title>
<script src="cytoscape.js"></script>
</head>
<style>
#cy {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
}
</style>
<body>
<div id="cy"></div>
<script>
var cy = cytoscape({
container: document.getElementById('cy'),
elements: [
//nodes
//edges
],
style: [
{
selector: 'node',
style: {
shape: 'circle',
'background-color': 'blue',
label: 'data(id)'
}
}]
});
cy.layout({
name: 'circle'
});
</script>
</body>
</html>
答案 0 :(得分:1)
Cytoscape桌面错误地使用扩展名.cyjs
命名导出的文件。它只是一个JSON文件,因此将其重命名为.json
。只需将Cytoscape.js指向您要使用的JSON的特定部分(当您致电cytoscape( myOptions )
时。