Zeichnen von Graphen mit JSNetworkX

Ich beginne, JSNetworkX zu erforschen, weil ich einige Visualisierungen in mein Projekt einfügen muss. Ich begann mit Beispielen auf jsnetworkx.org, aber in jedem Beispiel, das ich habe ich versucht, den gleichen Fehler hätte:Zeichnen von Graphen mit JSNetworkX

jsnetworkx.js:5 Uncaught Error: D3 requried for draw().

I enthalten D3, so dass ich weiß nicht, wo das Problem genau. Ich habe versucht, ältere Version von D3 wie in dieser Antwort TypeError:undefined is not an object (evaluating 'M.layout.force') einzuschließen, aber es half nicht, nichts wird im Browser angezeigt.

Hier ist das Beispiel:

<!DOCTYPE html> 
<meta charset="utf-8"> 
<head> 
    <script src="jsnetworkx.js"></script> 
    <script src="https://d3js.org/d3.v4.js"></script> 
</head> 
<body> 

     <script> 
     var G = new jsnx.Graph(); 

     G.addWeightedEdgesFrom([[2,3,10]]); 
     G.addStar([3,4,5,6], {weight: 5}); 
     G.addStar([2,1,0,-1], {weight: 3}); 

    jsnx.draw(G, { 
      element: '#canvas', 
      weighted: true, 
      edgeStyle: { 
       'stroke-width': 10 
      } 
    }); 
    </script> 

</body> 
</html>

Quelle

2017-10-24 D.Fig

ändern das Skript um
Herabstufung
liefern, das Element d3.v3.js, wo soll

gehen die Render

<script src="https://d3js.org/d3.v3.js"  ></script> 
<script src="../javascripts/jsnetworkx.js" ></script> 

<div id="canvas"></div>

Quelle

2018-02-26 19:12:20

Zeichnen von Graphen mit JSNetworkX

Antwort

Verwandte Themen