Я работаю с 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>
а вот и яваскрипт. Обратите внимание, что мои данные поступают с сервера через 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>
Как настроить размер отображаемой сети? В идеале я хочу измерить сеть так, чтобы узлы и ребра были четкими.
Чего мне не хватает? Из-за начальной загрузки я не могу правильно изменить размер сети?