VIS JS：無法使網絡適合引導面板

Question

我正在使用vis.JS從一些數據創建網絡圖。 然后，我在引導面板中填充此網絡。 問題是網絡很小。 我沒有任何意義。 另外，如果放大，則會丟失所有數據透視圖。

這是代碼片段

網絡出現的div

<div class="row">
<div class="panel panel-primary" >
    <div class="panel-heading">Heading</div>
    <div class="panel-body">
        <div id="network" width=100% height=100%></div>
    </div>
</div>
</div>

這是javascript。 請注意，我的數據是通過Jinja來自服務器的

<script type="text/javascript">
// create an array with nodes
var mynodes = new vis.DataSet({{ mynodes | safe }});

// create an array with edges
var myedges = new vis.DataSet({{ myedges |safe }});

// create a network
var container = document.getElementById('network');
var data = {
    nodes: mynodes,
    edges: myedges
};
var options = {
    autoResize: true,
    width: '100%',
    height: '100%'
};
var network = new vis.Network(container, data, options);
</script>

如何設置顯示的網絡的大小？ 理想情況下，我想調整網絡的大小，以便節點和邊緣清晰可見。

我想念什么？ 是否由於引導程序而無法正確調整網絡大小？

Answer 1

找到了解決方案

var options = {
              width: '1000px',
              height: '600px'
              };