53 |
62 |
65 |
68 |
81 |
94 |
95 |
100 |
101 |
110 |
111 |
116 |
117 | 摩擦系数： this.velocityDecay = e.target.value}/>
118 | 连线长度： this.linkDistance = e.target.value}/>
119 | 碰撞半径： this.collideRadius = e.target.value}/>
120 | 碰撞强度： this.collideStrength = e.target.value}/>
121 | alpha衰减系数： this.alphaDecay = e.target.value}/>
122 | alpha静止值： this.alphaMin = e.target.value}/>
123 | 作用力： this.chargeStrength = e.target.value}/>
124 | 居中： this.center = e.target.checked}/>
125 |
126 | 节点数: this.count = Number(e.target.value)}/>
127 |
134 | 节点数：{nodes.length}
135 | 边数量：{links.length}
136 |
137 | { this.state.img &&
}
138 |
139 |
140 | this.D3ReactForce = c}
142 | nodes={nodes}
143 | links={links}
144 | nodeIdKey="nodeId"
145 | width={width}
146 | height={height}
147 | velocityDecay={velocityDecay}
148 | linkDistance={linkDistance}
149 | collideRadius={collideRadius}
150 | collideStrength={collideStrength}
151 | chargeStrength={chargeStrength}
152 | alphaDecay={alphaDecay}
153 | alphaMin={alphaMin}
154 | XYCenter={center}
155 | nodeClick={(d) => {
156 | console.log(d);
157 | }}
158 | tick={(alpha) => {
159 | // // this.D3ReactForce.adaption();
160 | }}
161 | end={() => {
162 | console.log('结束');
163 | }}
164 | />
165 |
166 |
167 |