javascript - 在一个网页中嵌入多个 sigma.js 图表

Question

我试图在一个 wabpage 中显示从 JSON 格式导入的两个图表，每个图表位于不同的 div 元素中。但是，当我将每个网络包含在单独的 div 中时，如下所示，

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

(重复两次，每个图表一次)

图表显示在彼此之上。更具体地说，两个图表的 Canvas 元素粘在一起。我该如何解决这个问题？ sigmajs.org 网站是我想要实现的目标的完美示例。我见过的所有示例 html 页面都包含一个图表。

我是 javascript 新手，因此非常感谢您的帮助。谢谢!

Answer 1

html 页面上的 id 必须是唯一的，因此如果重复此 html block ，您将拥有两个具有 id container 的容器。

我认为你的问题就是由此而来。

干杯。