如何在相应的容器中包含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;
}