问.gexf -format节点图可视化
EN

Stack Overflow用户

提问于 2012-05-31 03:41:48

回答 1查看 9.4K关注 0票数 0

要可视化节点图，Sigma.js看起来非常棒。我尝试了一些示例，但无法显示我的图表。我使用了示例代码并尝试插入我的.gexf文件，但没有显示任何内容。这是我从Sigma.js example中摘录的：

function init() {
  // Instanciate sigma.js and customize rendering :
  var sigInst = sigma.init(document.getElementById('sigma-example')).drawingProperties({
    defaultLabelColor: '#fff',
    defaultLabelSize: 14,
    defaultLabelBGColor: '#fff',
    defaultLabelHoverColor: '#000',
    labelThreshold: 6,
    defaultEdgeType: 'curve'
  }).graphProperties({
    minNodeSize: 0.5,
    maxNodeSize: 5,
    minEdgeSize: 1,
    maxEdgeSize: 1
  }).mouseProperties({
    maxRatio: 32
  });

  // Parse a GEXF encoded file to fill the graph
  // (requires "sigma.parseGexf.js" to be included)
  sigInst.parseGexf('donornet.gexf');

  // Draw the graph :
  sigInst.draw();
}

if (document.addEventListener) {
  document.addEventListener("DOMContentLoaded", init, false);
} else {
  window.onload = init;
}

我用自己的donornet.gexf文件替换了.gexf文件，并将其另存为donornet.js。然后，我使用此example (来自Max De Marzi)中的代码，并将其替换为我的donornet.js文件：

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>Donornet and Sigma.js Example</title>
    <script type="text/javascript" src="sigma.min.js"></script>
    <script type="text/javascript" src="sigma.parseGexf.js"></script>
    <script type="text/javascript" src="sigma.forceatlas2.js"></script>
    <link type="text/css" rel="stylesheet" href="neo_sigma.css"/>
  </head>
  <body>
    <h1>Donornet and Sigma.js Example</h1>
        <div class="buttons-container">
        <button class="btn" id="stop-layout">Stop Layout</button>
        <button class="btn" id="rescale-graph">Rescale Graph</button>
    </div>
        <div class="span12 sigma-parent" id="sigma-example-parent">
    <div class="sigma-expand" id="sigma-example"></div>
    </div>
    <script type="text/javascript" src="donornet.js"></script>
  </body>
</html>

所有文件都在同一个文件夹中。parseGexf.js与donornet.js和donornet.gexf在同一个文件夹中。

javascript

sigma.js

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-06-13 11:41:17

您不必将.gexf文件另存为.js文件。只需将其保留为gexf文件，并将其上传到脚本的文件夹中。删除包含<script src="donornet.js">的行。尝试再次运行。如果不起作用，也可以删除div按钮。在http://noduslabs.com/socialplayer/smmrussia/上查看源代码

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/10823134

复制

相似问题

问.gexf -format节点图可视化
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问.gexf -format节点图可视化EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问.gexf -format节点图可视化
EN