Как сделать узел в vis.js кликабельным? - PullRequest
Новая
       17

Как сделать узел в vis.js кликабельным?

0 голосов
/ 07 марта 2019

Я пытаюсь сделать узел кликабельным, но он не работает

Я новичок в javascript, поэтому, пожалуйста, помогите мне в этом.Я использовал библиотеку vis.js. Я хочу, чтобы когда кто-то нажимал на узел, он должен перенаправлять на веб-страницу, которая находится в URL.Я пытался внести изменения с помощью приведенных примеров, но это не сработало.

Заранее спасибо.

var graph ={nodes:[{id:0,group:'Mission Learning',label:"Content Tech + QA",url:'http://www.youtube.com',shape:'box'},{id:1,group:'Mission Learning',label:"Content Hygiene / Launch Automation",url:'http://www.google.com',shape:'box'}],edges:[{from:0,to:1}]};
function destroy() {
  if (network !== null) {
    network.destroy();
    network = null;
  }
}

function draw() {
  destroy();

  var nodes = graph.nodes;
  var edges = graph.edges;
  // randomly create some nodes and edges

  // create a network
  var container = document.getElementById('mynetwork');
  var data = {
    nodes: nodes,
    edges: edges
  };

  var options = {
    edges:{
           color:{color:'white'},
           width: 2,
           arrows: {
                    to: {enabled: true, scaleFactor:.5, type:'arrow'}
           }

    },
    nodes: {
      borderWidth:2,
      size:50,
      color: {
       border: '#222222',
       background: 'grey'
      },
      font:{color:'black',
       size: 40,
       face :'arial',
      },
      margin: {
       top: 20,
       bottom: 20,
       left: 20,
       right: 20
      }
    },
    physics: {
      forceAtlas2Based: {
          gravitationalConstant: -350,
          centralGravity: 0.05,
          springLength: 400,
          springConstant: 0.01,
          avoidOverlap:10
      },
      maxVelocity: 20,
      minVelocity:0,
      solver: 'forceAtlas2Based',
      timestep: 0.10,
      stabilization: {enabled:false,iterations: 0}
    },
    interaction: {
      multiselect: true,
      dragView: true
    }, 
    edges: {
      smooth: false,
      arrows: {to : true }
    }
  };
  network = new vis.Network(container, data, options);

  network.on( 'click', function(properties) {
    var ids = properties.nodes;
    var clickedNodes = nodes.get(ids);
    console.log('clicked nodes:', clickedNodes);

  });
}

1 Ответ

0 голосов
/ 20 марта 2019

Какая у вас проблема?
Достиг ли ваш код события нажатия?

Попробуйте: 

network.on( 'click', function(properties) {
  console.log('I\'m clicked');
  var ids = properties.nodes;
  var clickedNodes = nodes.get(ids);
  console.log('clicked nodes:');
  console.log(clickedNodes);
});

Вы получаете Я нажал ?на консоли?
Вы получаете нажатые узлы: ?на консоли?
Вы получаете какую-либо ошибку на консоли?

...