Javascript 在vis.js中生成动态图时出现问题

此库有问题

数据是正确的（图中的数据也是正确的），但从视觉上看，它们没有被正确地表示出来

例如：

红色节点与蓝色节点有连接。绿色节点与黑色节点有连接

问题：红色节点在绿色节点内部传递到蓝色节点，尽管绿色节点与蓝色节点没有连接。从视觉上看，绿色节点与蓝色节点有连接，尽管它没有连接

图形配置代码：

var options = {
layout: {
  hierarchical: {
    direction: "UD",
    sortMethod: "directed"
  }
},
interaction: {dragNodes :false},
physics: {
  enabled: false
},
configure: {
  filter: function (option, path) {
    if (path.indexOf('hierarchical') !== -1) {
      return true;
    }
    return false;
  },
  showButton:false
}

图形处于分层模式：

---

我已经尝试过使用“物理”和其他一些解决方案，这些解决方案在stackoverflow（英语和BR）中得到了回答，但没有任何效果

因此在github上，布局似乎存在很多层次定向图问题。但是，由于您似乎正在尝试构建特定的布局，因此始终可以在每个节点上使用

level

键来确定它应该位于何处。以下是您的网络示例，但布局更为正确：

//创建一个包含节点的数组
var节点=新的vis.DataSet([
{id:1，标签：“1”，级别：0}，
{id:2，标签：“2”，级别：1}，
{id:3，标签：“3”，级别：1}，
{id:4，标签：“4”，级别：1}，
{id:5，标签：“5”，级别：2}
])
//创建具有边的阵列
var edges=new vis.DataSet([
{从：1到：2}，
{从：2到：3}，
{从：1到：3}，
{从：1到：4}，
{从：3到：5}，
])
//创建网络
var container=document.getElementById（'mynetwork'）
风险值数据={
节点：节点，
边缘：边缘
}
变量选项={
布局：{
改进布局：没错，
分层：{
sortMethod:“导演”
}
},
物理学：错
}
var网络=新的可视网络（容器、数据、选项）

#我的网络{
宽度：300px；
高度：200px；
边框：1px实心浅灰色；
}

你有小提琴或例子可以玩吗？不幸的是，没有，我正在编辑的是内部软件，不允许我在设置之外添加内容。我会测试，然后告诉你