Cómo arreglar el diagrama de mecánica de d3js

Cómo arreglar el diagrama mecánico de d3js de la siguiente manera:

1 Eventos de diseño

En el código, supongamos que el diseño se define de la siguiente manera:

p>

2. Eventos de arrastrar y soltar

Es decir, la función force.drag() se llama cuando se configura arrastrar y soltar. D3 proporciona tres eventos de arrastrar y soltar:

2. Eventos de arrastrar y soltar

Después de usar el diseño para convertir datos, los vértices tienen un atributo:

3. Fijación de vértices, dragstart, draggend y drag. Fijación de vértices

3. Fijación de vértices

Después de usar el diseño para convertir datos, el vértice tiene un atributo fijo. Cuando el valor de esta propiedad es verdadero, el vértice está fijo; cuando el valor de esta propiedad es falso, el vértice se mueve. El valor predeterminado es falso. Para mejorar el código en Avanzado - Capítulo 2.0 para permitir al usuario fijar y desanclar vértices a voluntad, agregue el siguiente código