Javascript 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>

//创建一个包含节点的数组
var mynodes=new vis.DataSet（{{mynodes | safe}}）；
//创建具有边的阵列
var myedges=new vis.DataSet（{{myedges|safe}}）；
//创建网络
var container=document.getElementById（'network'）；
风险值数据={
节点：mynodes，
边缘：MyEdge
};
变量选项={
自动调整大小：正确，
宽度：“100%”，
身高：“100%”
};
var网络=新的可视网络（容器、数据、选项）；

如何设置显示的网络的大小？理想情况下，我希望调整网络的大小，使节点和边清晰可见

我错过了什么？是否因为引导，我无法正确调整网络大小？

找到了解决方案

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

找到了解决办法

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

---

请提供一个：用一些数据替换jinja模板部分，这些数据足以重现问题，更重要的是，我们需要CSS来查看实际发生的情况。请考虑创建这样的片段或jsFiffdle，我相信我们会解决这个问题。最好的评论请提供一个：用一些足以重现问题的数据替换jinja模板部分，更重要的是，我们需要CSS来查看实际发生的情况。请考虑创建这样的片段或jsFiffdle，我相信我们会解决这个问题。最好的回答请接受你的回答，这样问题就清楚了。请接受你的回答，这样问题就清楚了