1

グラフの視覚化用の Java Script ライブラリをテストしています。入門ドキュメントに基づいて、Webページに簡単なグラフ表示を作成しようとしました。

これはドキュメントが言うことです：

インスタンス
を作成するための最小限のコードは次のとおりです。

var sigRoot = document.getElementById('sig');
var sigInst = sigma.init(sigRoot);
sigInst.addNode('hello',{
  label: 'Hello',
  color: '#ff0000'
}).addNode('world',{
  label: 'World !',
  color: '#00ff00'
}).addEdge('hello_world','hello','world').draw();

これは私の HTML ウェブページです:

<!DOCTYPE html>

<html>

<head>
    <title>Testing graphs</title>
    <script src="sigma.min.js"></script>
    <script src="jquery1102.js"></script>
</head>

<body>

    <div id="sig"></div>

    <script type="text/javascript">

    window.onload = loadGraph();

    function loadGraph () {

        var sigRoot = document.getElementById('sig');
        var sigInst = sigma.init(sigRoot);
        sigInst.addNode('hello',{
          label: 'Hello',
          color: '#ff0000'
        }).addNode('world',{
          label: 'World !',
          color: '#00ff00'
        }).addEdge('hello_world','hello','world').draw();
    }
    </script>

</body>
</html>

したがって、グラフが特定のdiv領域に表示され、ページが読み込まれると実行されると想定しています。ただし、何も表示されず、コンソールはバグを主張していません。HTML5 キャンバスを使用する必要さえありますか?

4

1 に答える 1