0

ノード グラフを視覚化するには、Sigma.jsが最適です。いくつかの例を試しましたが、グラフを表示できません。サンプル コードを使用して .gexf ファイルをプラグインしようとしましたが、何も表示されません。これは、Sigma.js の例から取ったものです。

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;
}

.gexf ファイルを独自の dononnet.gexf ファイルに置き換え、donornet.js として保存しました。次に、この例( 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 および dononnet.gexf と同じフォルダーにあります。

4

1 に答える 1

2

.gexf ファイルを .js ファイルとして保存する必要はありません。gexf ファイルのままにして、スクリプトのフォルダーにアップロードするだけです。で行を削除し<script src="donornet.js">ます。もう一度実行してみてください。うまくいかない場合は、ボタンの div も削除してください。http://noduslabs.com/socialplayer/smmrussia/でソースをチェックしてください。

于 2012-06-13T03:41:16.693 に答える