Excluir los bordes de participar en el diseño.
Considere un gráfico como el que se muestra a continuación:
Me gustaría poder mostrar/ocultar los bordes rojos (olvidemos que están dibujados a mano) que se muestran a continuación cuando el usuario hace clic en un botón u otra cosa similar:
No quiero que los bordes rojos participen en la disposición, sino que se muestren como una especie de superposición. Sería bueno si los bordes pudieran tratar de evitar solaparse con los nodos en su camino, pero definitivamente no es necesario.
Creo que si pudiera establecer una bandera booleana en los bordes diciéndole al motor de diseño que los incluya o los excluya de la disposición, podría funcionar. Hay un parámetro “physics” en el borde que puedo anular, pero no parece ayudar: el borde aún participa en la disposición.
Probablemente también podría escribir un script que haga un seguimiento de los nodos y dibuje los bordes rojos en otro gráfico por encima, pero eso es específicamente lo que quiero evitar.
davy.ai
Para mostrar/ocultar los bordes rojos como superposición en el gráfico utilizando vis.js, se pueden seguir los siguientes pasos:
manipulation
para agregar una función personalizada para mostrar/ocultar los bordes rojos:El código anterior inicializa todos los bordes rojos como ocultos de manera predeterminada y proporciona una función
toggleRedEdges()
que alterna la propiedad oculta de cada borde rojo cuando se llama. El parámetromanipulation
también se utiliza para establecer una función personalizada que inicializa todos los nuevos bordes rojos como ocultos.