vis.js - Coloque o nó manualmente
Como definir a posição de um nó no vis.js?
Quero posicionar inicialmente pelo menos um nó manualmente.
Eu sei que um nó tem as opçõesx ey. Eu configurei os dois e também tentei variações dedisposição opções (randomSeed, betterLayout, hierárquico), o nó nunca foi colocado onde eu o defini.
Aqui está a rede simples que eu defini:
nodes = new vis.DataSet([
{id: 1, shape: 'circularImage', image: DIR + '1_circle', label:"1", x: 200, y: 100},
{id: 2, shape: 'circularImage', image: DIR + '2_circle', label:"2"},
{id: 3, shape: 'circularImage', image: DIR + '3_circle', label:"3"},
]);
edges = [
{id: "01-03", from: 1, to: 3, length: 300, label: '1 - 3'},
{id: "02-03", from: 2, to: 3},
];
var container = document.getElementById('graphcontainer');
var data = {
nodes: nodes,
edges: edges
};
var options = {
nodes: {
borderWidth: 4,
size: 30,
color: {
border: '#222222',
background: '#666666'
},
font:{
color:'#000000'
}
},
edges: {
color: 'lightgray'
},
//layout: {randomSeed:0}
//layout: {hierarchical: true}
layout: {
randomSeed: undefined,
improvedLayout:true,
hierarchical: {
enabled:false,
levelSeparation: 150,
direction: 'UD', // UD, DU, LR, RL
sortMethod: 'hubsize' // hubsize, directed
}
}
};
network = new vis.Network(container, data, options);
O nó é colocado, mas não no ponto definido (200.100), mas em outra posição.
Não encontrei um exemplo para definir explicitamente a posição de um nó na página vis.js. Alguém poderia fornecer um? Obrigado!