Définir une seule note de nœud (racine) pour être déplacée dans la disposition de force d3

Question

Je travaille sur un graphe de mise en page de force d3, avec un aspect plutôt similaire à this. Ce que je veux, c'est que le nœud racine ne puisse pas être déplacé. J'ai corrigé le nœud racine dans le fichier json en ajoutant

"fixed": true 

mais il est encore draggable. Dans mon fichier JS il y a le code

var nodeEnter = node.enter().append("g") 
    .attr("class", "node") 
    .on("click", click) 
    .call(force.drag); 

Si je supprime la dernière ligne de ce code, le graphe entier ne draggable plus. Je pense que 'force' est une variable globale et détermine que tout le graphe est glissable. Mais je veux seulement que le nœud racine ne soit pas déplaçable et que le nœud soit déplaçable. Comment puis je faire ça?

Answer 1

Vous devez supprimer l'événement glisser du noeud que vous souhaitez rester fixe.

Voici un exemple: http://jsfiddle.net/qvco2Ljy/112/

Je boucle à travers les données pour donner le premier élément d'un attribut fixe et aussi un attribut donotmove que lorsque vous faites glisser et lâcher prise, peut-être que vous voulez que le nœud de rester fixe (pour les enfants que je veux dire), donc l'utilisation d.fixed ici provoque un conflit:

graph.nodes.forEach(function(d, i) { 
    d.donotmove = false; 
    if (i == 0) {d.donotmove = true; d.fixed = true;} 
}) 

Et lors de l'appel des événements de glisser, vérifiez l'attribut donotmove comme ceci:

var drag = d3.behavior.drag() 
    .origin(function(d) { 
    return d; 
    }) 
    .on("dragstart", function(d) { 

    if (d.donotmove) return; 
    dragstarted(d) 
    }) 
    .on("drag", function(d) { 

    if (d.donotmove) return; 
    dragged(d) 
    }) 
    .on("dragend", function(d) { 

    if (d.donotmove) return; 
    dragended(d) 
    }) 

Espérons que ça aide :)