如何创建自定义树形图样式布局（带有锐角）vis.js

不确定这是否应该作为一个问题出现在 github 上，所以我认为这是最好的起点。

I am looking to create a mind-map/network/diagram with this kind of layout: Is this possible out of the box with vis.js networks? the tail end seems to be a left to right hierarchical layout which is definitely a thing (though having sub sections configured differently might be harder).

在你见过的任何例子中都没有做到这一点

or

我应该从哪里开始自己实施一些东西

我找到了一种创建这样的东西的方法——使用隐藏节点。

创建一个具有节点和边的网络，如下所示：

nodes:'[
     {id:1,label:"start", x:0,  y:0}
    ,{id:2,label:"angle", x:0,  y:100, hidden:true}
    ,{id:3,label:"angle", x:100,y:100, hidden:true}
    ,{id:4,label:"finish",x:100,y:200}
]

edges:[
     {from:1, to:2}
    ,{from:2, to:3}
    ,{from:3, to:4}
]'

你会得到这个：

这当然不太好创建“假”节点（例如，这不是很好的可操作性 - 所有这些角度都会改变，所以你最好完全禁止移动节点），但至少允许创建一个静态图像，例如你要。

PS是的，如果你想自动生成这样的布局，你必须做一些计算。

PPS 这里有一个小提琴供您进一步调整：https://jsfiddle.net/tjyvLbns/11/ https://jsfiddle.net/tjyvLbns/11/我已经更改了一些选项，使其看起来更接近您的需要：