visjs入门--模块layout

layout

// these are all options in full.
var options = {
  layout: {
    randomSeed: undefined,
    improvedLayout:true,
    hierarchical: {
      enabled:false,
      levelSeparation: 150,
      nodeSpacing: 100,
      treeSpacing: 200,
      blockShifting: true,
      edgeMinimization: true,
      parentCentralization: true,
      direction: 'UD',        // UD, DU, LR, RL
      sortMethod: 'hubsize'   // hubsize, directed
    }
  }
}
network.setOptions(options);

当启用分层布局时，它会取消一些其他选项。物理被设置为分层排斥求解器，动态平滑边缘被转换为静态平滑边缘。

参数名	类型	默认值	描述
randomSeed	Number	undefined	配置每次生成的节点位置是否一样，参数为数字1、2等。当不使用分层布局时，节点最初是随机定位的。这意味着每次固定的位置是不同的。如果手动提供一个随机种子，每次布局都是相同的。理想情况下，您尝试使用未定义的种子，重新加载，直到您对布局感到满意，并使用getSeed()方法来确定种子。
improvedLayout	Boolean	true	当启用时，网络将使用Kamada Kawai算法进行初始布局。对于大于100个节点的网络，将自动执行聚类以减少节点的数量。这可以大大提高稳定时间。如果网络是非常互联的（没有或很少的叶节点），这可能不起作用，它将恢复到旧的方法。性能将在未来得到改善。
hierarchical	Object or Boolean	Object	层级结构显示。当为true时，布局引擎使用默认设置以分层方式对节点进行定位。对于定制，您可以提供对象。
hierarchical.enabled	Boolean	false	切换分层布局系统的使用。如果未定义此选项，则如果定义了该对象中的任何属性，则将其设置为true。
hierarchical.levelSeparation	Number	150	不同层次之间的距离。
hierarchical.nodeSpacing	Number	100	自由轴上的节点之间的最小距离。这只适用于初始布局。如果启用物理，节点的距离将是有效的节点距离。
hierarchical.treeSpacing	Number	200	不同树之间的距离（独立网络）。这只适用于初始布局。如果启用物理，排斥模型将表示树之间的距离。
hierarchical.blockShifting	Boolean	true	降低空白的方法。可以单独使用或与边缘最小化一起使用。每个节点将检查与Whitespace是将转移到它的分公司随着它只要它可以在任何水平，respecting nodespacing在线。这是一个主要的初始布局。如果你启用物理，他们将确定的物理布局。这将大大加快，在稳定的团队！
hierarchical.edgeMinimization	Boolean	true	降低空白的方法。可以单独使用或与块移位一起使用。启用块移位通常会加快布局过程。每个节点将尝试沿其自由轴移动，以减少其边缘的总长度。这主要是为了最初的布局。如果启用物理，它们的布局将由物理决定。这将大大加快稳定时间，虽然！
hierarchical.parentCentralization	Boolean	true	当为true时，在完成布局算法之后，父节点将再次居中。
hierarchical.direction	String	‘UD’	方向分层布局。可用的选项是：UD:上下 DU:下上 LR:左右 RL:右左
hierarchical.sortMethod	String	‘hubsize’	用于根据数据确定节点级别的算法。可能的选项是：hubsize, directed。Hubsize采取最边缘的节点，并把它们放在最上面。从层次结构的其余部分进行评估。定向粘附到和来自边缘的数据。A–> B SO B是一个低于A的级别。

相关链接

1、程序员分类目录导航
2、visjs入门1