【问题标题】:vis.js network: hierarchical layout issue related to number of nodesvis.js 网络:与节点数相关的分层布局问题
【发布时间】:2020-05-21 15:23:36
【问题描述】:


我遇到了一个“奇怪”的问题,我无法通过查看 vis.js 文档来解决。
我创建了一个具有固定层次结构的网络,为每个节点定义了一个特定级别。
节点总数 51。这是结果:

如果我在网络方案的底部添加另一个节点(总共 52 个),布局会发生变化,节点的空间配置会完全移动,试图填充空白区域,如您所见:

我尝试了几个选项都没有成功。
这些是我目前正在使用的选项:

	options = {
		layout: {
			improvedLayout: false,
			hierarchical: {
				enabled: true,
				levelSeparation: 150,
				nodeSpacing: 110,
				treeSpacing: 200,
				blockShifting: false,
				edgeMinimization: true,
				parentCentralization: true,
				direction: "LR",
				sortMethod: "directed",
				shakeTowards: "roots"
			}
		},
		interaction:{
			tooltipDelay: 100
		},
		edges: {
			font: {
				size: 0
			}
		},
		nodes: {
			shape: 'circle'
		},
		physics: false
	};

希望你能给我一些建议。
谢谢!

【问题讨论】:

    标签: javascript layout vis.js hierarchical vis.js-network


    【解决方案1】:

    您可以尝试在选项对象的布局中添加一个随机种子。

    layout: {
        randomSeed: 1,
        improvedLayout: false,
        hierarchical: {
            enabled: true,
            levelSeparation: 150,
            nodeSpacing: 110,
            treeSpacing: 200,
            blockShifting: false,
            edgeMinimization: true,
            parentCentralization: true,
            direction: "LR",
            sortMethod: "directed",
            shakeTowards: "roots"
        }
    }
    

    您可以更改数字(randomSeed:1),直到获得所需的布局。 希望它会有所帮助。

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多