在一个网页中嵌入多个sigma.js图形

Question

我试图在一个wabpage中显示两个从JSON格式导入的图形，每个图形都在不同的div元素中。然而，当我包括用于在单独的div每个网络如下，

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

（这被重复两次，一个用于每个图形）

的图表显示在彼此的顶部。更具体地说，两个图形的画布元素都粘在一起。我该如何解决这个问题？ sigmajs.org网站是我在这里尝试实现的一个完美例子。我见过的所有示例html页面都包含一张图。

我是新来的JavaScript，所以我会很感激任何帮助。谢谢！

Answer 1

在html页面上的id必须是唯一的，所以如果你重复这个html块，你将有两个ID为container。

我认为你的问题来自于此。

干杯。