Ho una rete che sto costruendo con vis.js, ma è troppo larga in larghezza per adattarsi al contenitore delle pagine. La rete viene eseguita da sinistra a destra e contiene passaggi su un processo specifico. Quando una persona completa le attività, un server alimenta nuovi record JSON per aggiornare i colori.Imposta il livello di zoom in Vis.js
Non riesco a modificare le dimensioni del contenitore a causa del layout. Quando viene caricata la rete, il carattere diventa incredibilmente piccolo e illeggibile. C'è un modo per impostare il livello di zoom come opzione in modo che venga visualizzato solo il passo corrente del processo?
function draw() {
test = null;
// create a network
var testContainer = document.getElementById('testing');
// create some nodes
var width = testing.clientWidth;
var nodes = [
{id: 1, x: 0, y: 1, label: 'Start', color: 'green', shape: 'circle'},
{id: 2, label: 'Step 2', shape: 'square'},
{id: 3, label: 'Step 3', shape: 'square'},
{id: 4, label: 'Step 4', shape: 'square'},
{id: 5, label: 'Step 5', shape: 'square'},
{id: 6, label: 'Step 6', shape: 'square'},
{id: 7, label: 'Step 7', shape: 'square'},
{id: 8, label: 'Step 8', shape: 'square'},
{id: 9, label: 'Step 9', shape: 'square'},
{id: 10, label: 'Step 10', shape: 'square'},
{id: 11, label: 'Step 11', shape: 'square'},
{id: 12, x: width * 2, y: 1, label: 'Success!', shape: 'circle'}
];
// create some edges
var edges = [
{from: 1, to: 2, style: 'arrow', color: 'red', width: 1, length: 200}, // individual length definition is possible
{from: 2, to: 3, style: 'arrow', width: 1, length: 200},
{from: 3, to: 4, style: 'arrow', width: 1, length: 200},
{from: 4, to: 5, style: 'arrow', width: 1, length: 200},
{from: 5, to: 6, style: 'arrow', width: 1, length: 200},
{from: 6, to: 7, style: 'arrow', width: 1, length: 200},
{from: 7, to: 8, style: 'arrow', width: 1, length: 200},
{from: 8, to: 9, style: 'arrow', width: 1, length: 200},
{from: 9, to: 10, style: 'arrow', width: 1, length: 200},
{from: 10, to: 11, style: 'arrow', width: 1, length: 200},
{from: 11, to: 12, style: 'arrow', width: 1, length: 200}
];
var testData = {
nodes: nodes,
edges: edges
};
var testOptions = {
width: '100%'
};
var test = new vis.Network(testContainer, testData, testOptions);
}
Grazie! Non so come ho trascurato questo. La sintassi è un po 'strana, ma questo ha finito per funzionare per me: 'test.focusOnNode (1, {scala: 1, offset: {x: - (larghezza/3)}});' –
Puoi per favore prendere un guarda con [il mio problema] (http://stackoverflow.com/questions/31722383/angularjs-how-to-change-background-colors-marker-css-and-add-hover-text-on-mar) con tim tim cron ? – abi1964