繁体   English   中英

VIS JS:无法使网络适合引导面板

VIS JS: Cant make network fit bootstrap panel

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我正在使用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>

如何设置显示的网络的大小? 理想情况下,我想调整网络的大小,以便节点和边缘清晰可见。

我想念什么? 是否由于引导程序而无法正确调整网络大小?

1 个回复

找到了解决方案

var options = {
              width: '1000px',
              height: '600px'
              };
1 如何使vis.js网络上的Edge无法选择?

是否可以配置网络选项以使边缘不对单击事件做出响应? 如果没有,我怎么能捕捉到这个特殊事件并做一个preventDefault()类的事情? 到目前为止,我已经在网络选项中尝试过此操作,但似乎不起作用。 ...

2 vis.js网络中的节点标签无法更新

我需要能够切换vis.js网络中节点标签的可见性。 我正在尝试通过在网络节点上调用update函数来实现这一点。 我的节点定义为vis.DataSet,在初始化/渲染时将其传递给vis.network。 我的节点数据的示例是:{id:62378,标签:“ Some Label”,图像 ...

3 如何遍历vis.js网络?

我有一个用vis.js构建的网络 这些网络的结构为: 节点 节点1 节点2 边缘 边缘1 边缘2 边包含一个from和to参数,引用它们所连接的节点的ID。 基本上我想遍历图表。 我 ...

5 如何使图表适合面板?

嘿,我试图在.net中构建Windows应用程序,我必须在面板内绘制阶乘图像 绘制T形线,然后我从最后一个端点开始绘制另一个T形。但是问题是图表超出了面板的范围。如何在面板内部固定绘图 ...

6 vis.js网络拟合功能

我正在使用vis.js 4.16.1绘制网络图。 目前,我有两个网络图。 用户绘图的一张网络图。 用户完成操作后,我想将任何网络图精确复制到第二个网络图。 但是,我无法将第一个观点设定为相同的观点。 这是第一个网络的选项: 我禁用了物理功能,以允许用户自己组织节点。 这是第 ...

7 删除网络vis.js中的边缘

在vis.js中,我可以轻松添加边缘(ex函数测试),但我无法删除现有边缘(ex function test 1)。 为什么? 不幸的是,我现在无法访问文档:“这里没有GitHub页面站点”,用于visjs.org。 谢谢 ! ...

2019-05-26 20:58:49 1 125   vis.js
8 vis.js创建不好的网络

我已经开始使用vis.js来创建网络图,但是我的图看起来非常糟糕。 边缘与节点中包含的图片以及节点的标签重叠。 另外,如果我增加节点的数量,则网络将不适合屏幕,因此我看不到某些节点。 这是我绘制图形的代码: 谁能告诉我应该在代码中添加些什么,以便网络看起来更好? 抱歉,我 ...

9 Vis.js:如何从网络获取群集节点

有没有一种方法可以通过其ID获取群集的节点数据? 根据文档: 创建的群集节点不包含在原始数据中。网络创建时传递的节点 因此,不可能像我们对普通节点那样从vis数据集中获取它。 有一种方法network.clustering.updateClusteredNode() ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM