2016-04-18 1 views
1

Как настроить параметры в своей сети с помощью библиотеки Vis.js?Как установить параметры в vis js?

Я не могу найти ответа. Все говорят:

network.setOptions(options); 

Но я не понимаю. Как изменить эти параметры?

Я хочу переключать zoomView в сети.

$("#zoom-network").click(function(e) { 
    // what to do here ? 
    network.setOptions(options); 
}); 

EDIT Благодаря AlexP, я нашел ответ:

$("#zoom-network").click(function(e) { 
    var options = { 
     interaction : { 
      zoomView : true 
     } 
    }; 
    network.setOptions(options); 
}); 
+0

setOptions (варианты) это работает отлично, как указано полный код – anshuVersatile

+0

[Установить Zoom L evel in Vis.js] (http://stackoverflow.com/questions/27450311/set-zoom-level-in-vis-js) – alexP

+0

@alexP Он не отвечает :(Я уже видел это (извините, если плохой английский) –

ответ

0

Для анимации, как масштабирование, вы должны использовать .moveTo

$("#zoom-network").click(function(e) { 
    var options = { 
     scale: 1.5, 
     animation: {  
     duration: 1000, 
     easingFunction: "easeInOutQuad" 
     } 
    } 
    network.moveTo(options); 
}); 
+0

Отлично ! Спасибо ! Это сработало ! (см. мое редактирование для кода) –

0
<!doctype html> 
<html> 
<head> 
    <title>Network | Basic usage</title> 

    <script type="text/javascript" src="../../dist/vis.js"></script> 
    <link href="../../dist/vis.css" rel="stylesheet" type="text/css" /> 

    <style type="text/css"> 
    #mynetwork { 
     width: 600px; 
     height: 400px; 
     border: 1px solid lightgray; 
    } 
    </style> 
</head> 
<body> 

<p> 
    Create a simple network with some nodes and edges. 
</p> 

<div id="mynetwork"></div> 

<script type="text/javascript"> 
    // create an array with nodes 
    var nodes = new vis.DataSet([ 
    {id: 1, label: 'Node 1'}, 
    {id: 2, label: 'Node 2'}, 
    {id: 3, label: 'Node 3'}, 
    {id: 4, label: 'Node 4'}, 
    {id: 5, label: 'Node 5'} 
    ]); 

    // create an array with edges 
    var edges = new vis.DataSet([ 
    {from: 1, to: 3}, 
    {from: 1, to: 2}, 
    {from: 2, to: 4}, 
    {from: 2, to: 5} 
    ]); 

    // create a network 
    var container = document.getElementById('mynetwork'); 
    var data = { 
    nodes: nodes, 
    edges: edges 
    }; 
    var options = {}; 
    var network = new vis.Network(container, data); 
    network.setOptions(options); 
</script> 
</body> 
</html> 
+0

Я знаю это. Но как я могу (un) установить zoomView ** без ** сброса предыдущих параметров после создания сети? . (на основе события для Exemple) –

+0

'$ ("# зум-сеть") нажмите (функция (е) {// , что делать здесь network.setOptions (варианты);? });' –

Смежные вопросы