cytoscape.js 不导入样式答案

【问题标题】：cytoscape.js not importing stylecytoscape.js 不导入样式
【发布时间】：2016-07-13 20:40:58
【问题描述】：

我使用 cytoscape.js 2.7.5 显示由 Cytoscape Desktop 导出的图形，将 graph.cyjs 转换为包含 "var graph = ... the content of the cyjs file ...;" 的 Javascript 文件 graph.js。使用以下 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.js cytoscape

【解决方案1】：

显然，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>

【讨论】：