2016-08-04 4 views
1

J'essaie d'afficher deux graphiques, importés au format JSON, dans une page wab, chacun dans un élément div différent. Cependant, quand je l'inclus pour chaque réseau dans divs séparés comme suit,Incorporation de plusieurs graphiques sigma.js dans une page Web

<div id="container"> 
    <script> 
     sigma.parsers.json('graph.json', { 
     container: 'container', 
     settings: { 
      defaultNodeColor: '#000', 
     } 
     }); 
    </script> 
    </div> 

(cela est répété deux fois, une pour chaque graphique)

Les graphiques apparaissent au-dessus de l'autre. Plus précisément, les éléments de canevas des deux graphiques sont collés ensemble. Comment puis-je résoudre cela? Le site Web sigmajs.org est un parfait exemple de ce que j'essaie d'accomplir ici. Tous les exemples de pages html que j'ai vues contiennent un seul graphique.

Je suis nouveau sur javascript, j'apprécierais toute aide. Merci!

Répondre

0

Un id sur une page HTML doit être unique, donc si vous répétez ce bloc html, vous en aurez deux avec l'ID container.

Je pense que votre problème vient de ça.

Cheers.