2016-07-13 3 views
0

Я использую cytoscape.js 2.7.5 для отображения графика, экспортируемого Cytoscape Desktop, как graph.cyjs, преобразованного в файл javascript graph.js, содержащий "var graph = ... the content of the cyjs file ...;". В следующем HTML я вижу узлы и ребра, но стиль (цвета, атрибут которых используется как имя узла) не импортируется. Как импортировать стиль?cytoscape.js не импортирует стиль

<!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> 

ответ

0

Видимо, 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>