d3-force-directed

0열

1답변

강제 지시 레이아웃에서 작업 중입니다. 처음이 작업을 시작했을 때 CSS에서 정의 된 색상을 사용하고 멋지게 작동했습니다. 어딘가에 나는 내장 된 D3 컬러 스케일을 사용하기로 결정했지만 사용자 정의 CSS 컬러로 되돌아 가려고 할 때 코드는 더 이상 컬러 스케일 선없이 실행되지 않습니다. 어떻게 든 내가 D3의 규모 "붙어"이야 -이 코드의 라인 4 :

0열

1답변

DOM을 업데이트하는 D3이지만 아무 것도 표시되지 않습니다.

강제 지시 그래프를 작성 중이며 알 수있는 한 올바르게 코드를 작성했습니다. DOM은이 코드가 실행 된 직후에 올바르게 보입니다. 그러나 아직 아무것도 표시되지 않습니다. var type_node_list = typeNodes(data); shuffle(type_node_list); initializePosition(type_node_list); v

0열

2답변

d3-force는 단일 노드가 이동하는 것을 방지합니다.

단일 노드뿐만 아니라 링크가있는 네트워크에서 d3-force 시뮬레이션을 사용하고 있습니다. 문제는 다음과 같습니다. 힘으로 모든 것을 멀리합니다. 내가 원하는 것은 서로 연결된 노드 또는 연결된 구성 요소 2 개가 서로 겹치면 연결되는 노드에만 작용하는 힘입니다. 내 생각 var simulation = d3Force.forceSimulation()

0열

1답변

d3js 다중 네트워크 문제

시나리오 : 여러 네트워크를 렌더링하는 d3 있습니다. 단일 노드, 다중 연결된 노드 네트워크로 구성됩니다. 드래그 할 때 노드가 겹치지 않도록 전체 네트워크가 상대 위치를 유지하도록 d3-force (시뮬레이션)를 연결하려고합니다. 많은 힘을 사용하고 있습니다. 문제 : 시뮬레이션로드 (simulation.restart()), 전체 네트워크 떨어져 확산

1열

1답변

D3 네트워크에 노드 레이블 추가

D3 강제 지정 네트워크에 노드 레이블을 추가하는 방법을 알 수 없습니다. 이 코드는 표시 할 레이블을 가져 오지만 네트워크와 함께 이동하지는 않습니다. 어떻게 노드 자체에 텍스트를 추가 할 수 있습니까? 누구 제안이 있습니까? 감사합니다. <!DOCTYPE html> <meta charset="utf-8"> <style> .links line {

4열

1답변

d3-force 그래프의 초기화 후 ForceCollide의 반경

이 질문은 이전의 "그래프 초기화 후 D3-Force 업데이트 매개 변수"(D3-Force updating parameters after initializing graph)의 후속 작업으로 @altocumulus가 응답 한 것입니다. 일부 노드의 반경을 수정 한 후 시뮬레이션 작업을 업데이트하려고합니다. 그러나 변경 사항을 반영하기 위해 forceColli

0열

1답변

(d3.js force directed graph) 'vx'속성을 만들 수 없지만 localhost에서만 발생합니다

JS를 인라인 대신 .js 파일로 이동하여 폴더에 넣으려고했습니다. 갑자기 일어난다. 내 힘이 그래프를 갑자기이 이상한 문제가 발생하고 있습니다. 모든 노드와 링크가 화면 왼쪽 상단으로 이동했습니다. 그것은 다음과 같습니다 자바 스크립트 콘솔은 Cannot create property 'vx' on string 'dki'을 말한다. 이상하게도 전체 코드를

1열

1답변

고정 노드하지 고정되는 I의 노드를 설정하고

(포스 방향 그래프는 D3) let link = svg.append("g") .attr("class", "links") .selectAll("line") .data(graph.links) .enter().append("line") .attr("stroke-width", () => 4) let node = sv

1열

1답변

노드를 드래그 할 때 d3js 강제 그래프를 덜 흔들 리게 만드는 방법은 무엇입니까?

하나의 노드를 다른 지점으로 끌면 내 힘에 의한 그래프가 차분하게 유지되기를 바랍니다. 현재 작은 노드를 중앙에서 멀리 드래그하면 전체 그래프가 제어 할 수 없게 흔들릴 수 있습니다. 노드가 (100) 많이 있기 때문에 어떤 여기 문제 묘사하는 짧은 동영상입니다 ... 엉망이 될 수 : https://gfycat.com/GleamingMellowHypacr

0열

1답변

D3 강제 그래프 드래그 및 확대/축소 기능이 작동하지 않습니다.

D3 강제 그래프 기능을 구현하여 데이터에 시각적으로 표시하려고 시도했습니다. 지금까지는 노드를 표시하여 화면에 표시하고 개별 노드를 드래그 할 수있게 만들었지 만 전체 네트워크를 이동하고 확대하는 데 실패했습니다. 저는 수많은 예제를 온라인에서 살펴 봤지만 실제로 잘못하고있는 것을 파악하지 못했습니다. 사람이 4 function selectableForc