在一个网页中嵌入多个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。

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

干杯。