在一個網頁中嵌入多個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。

我認爲你的問題來自於此。

乾杯。