vis.js - Colocar nodo manualmente
¿Cómo configuro la posición de un nodo en vis.js?
Quiero posicionar inicialmente al menos un nodo manualmente.
Sé que un nodo tiene las opcionesx yy. Configuré ambos, y también probé variaciones dediseño opciones (Semilla aleatoria, diseño mejorado, jerárquico), el nodo nunca se colocó donde lo configuré.
Aquí está la red simple que definí:
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);
El nodo se coloca, pero no en el punto que configuré (200,100), sino en otra posición.
No he encontrado un ejemplo para establecer explícitamente la posición de un nodo en la página vis.js. ¿Podría alguien proporcionarme uno? ¡Gracias!