Как включить граф sigmajs в соответствующий контейнер

Question

Я пытаюсь нарисовать график, используя sigma.js. Я уже сделал, но проблема в том, что граф не включен в соответствующий контейнер.

Смотрите скриншот ниже:

Это мой HTML код:

<div id="graph"> 
    <div id="sigma-container"> 
    </div> 
</div> 

и это CSS:

#graph { 
    position: relative; 
    width: 700px; 
    min-height: 400px; 
    margin-top: 2%; 
    margin-left: auto; 
    margin-right: auto; 
    border: 10px solid #555; 
    padding: 20px; 
    text-align: center; 
    background-color: #fff; 
} 

#sigma-container { 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
} 

тогда, я произвожу мой график телефон:

s = new sigma({ graph: g, container: 'sigma-container' }); 

где g = { nodes: [1, 2, 3, ...], edges: [1, 2, 3, ...] };

Answer 1

В настоящее время я решил эту проблему, установив следующие в моем CSS:

.sigma-scene, .sigma-labels, .sigma-mouse { 
    left: 0; 
}