Javascript 如何创建自定义树形图样式的布局(带有锐角)vis.js

Javascript 如何创建自定义树形图样式的布局(带有锐角)vis.js,javascript,vis.js,vis.js-network,Javascript,Vis.js,Vis.js Network,我不确定这是否应该作为一个问题出现在github上,所以我认为这是最好的起点 我希望用这种布局创建思维导图/网络/图表: vis.js networks是否可以做到这一点? 尾端似乎是一个从左到右的层次结构布局,这绝对是一件好事(尽管以不同的方式配置子部分可能更难) 你见过的任何例子都没有做到这一点吗 或 我应该从哪里开始自己实现一些东西呢?我找到了一种方法,可以使用隐藏节点来创建这样的东西 创建具有节点和边的网络,如下所示: nodes:'[ {id:1,label:"start",

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

我希望用这种布局创建思维导图/网络/图表: vis.js networks是否可以做到这一点? 尾端似乎是一个从左到右的层次结构布局,这绝对是一件好事(尽管以不同的方式配置子部分可能更难)

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


我应该从哪里开始自己实现一些东西呢?

我找到了一种方法,可以使用隐藏节点来创建这样的东西

创建具有节点和边的网络,如下所示:

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}
]'
你会得到这个:

这当然不是很好地创建“假”节点(例如,这不是很好地操纵-所有这些角度都会改变,所以你最好根本禁止移动节点),但至少允许创建你想要的静态图像

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

PPS这里有一把小提琴供您进一步调整:我已经更改了一些选项,使其更接近您的需要:


您应该先阅读官方文件,然后再回到StackOverflow,了解您在a中面临的具体问题。感谢您的快速评论,我不看时间表,因为它们是基于dom的,我希望这是基于画布的。(我也不使用时间线功能,而是使用所有网络功能)你会在git问题页面上建议这个吗?太好了!我已经很好地解决了这个问题,最终使用了一条与预设非常接近直角的曲线,但这对于任何想这样做的人来说都是一个很棒的开始。