d3 : 계층 적 가장자리 번들링에서 노드에 링크 추가

저는 d3/HTML/JS의 초보자입니다. 노드에 대한 링크를 그래프에 추가하는 것에 대한 질문이있었습니다. 나는 각 노드에 대한 또 다른 HTML 파일로 연결되는 링크를 추가 할 https://gist.github.com/mbostock/7607999 d3 : 계층 적 가장자리 번들링에서 노드에 링크 추가

enter image description here

: 내 코드의 모든 기반으로합니다. 가능한 코드가 어떻게 구성되어 있습니까?

출처

2014-03-29 user3474797

환영에 유래하는이 - 당신은 당신의 코드 – birthofearth

내 JS 코드를 게시 할 것으로 예상하고하는 것은 내가 게시 된 링크를 본질적으로 동일하다. 질문에 관련 코드를 게시해야한다고 생각하십니까? – user3474797

여기 이것을 달성하는 간단한 방법입니다 :

node = node 
    .data(nodes.filter(function(n) { return !n.children; })) 
    .enter() 
    .append('a') 
    .attr("xlink:href", 'http://www.google.com' /*function(d){return d.url;}*/) 
    .append("text") 
    .attr("class", "node") 
    ...

내가 데이터를 기반으로 링크를 만들 것 코드를 주석 처리 (즉, 당신은 당신의 입력 데이터의 URL 필드에있을 것입니다). 요청에 따라

, 데이터 URL의 예 :

"children": [ 
{ 
    "name": "John Doe", 
      "size": 1458, 
      "url": "http://www.johndoe.com" 
      ...

출처

2014-03-29 11:26:57 FernOfTheAndes

그게 효과가! 나는 질문을했다. 데이터를 기반으로하는 링크의 경우 입력 데이터의 URL 필드는 무엇을 의미합니까? 내가 읽거나 읽은 JSON 파일을 의미합니까? – user3474797

@ user3474797 데이터 예제로 응답을 편집했습니다 ... – FernOfTheAndes

효과가있었습니다. 도와 주셔서 정말 감사합니다! :). – user3474797

d3 : 계층 적 가장자리 번들링에서 노드에 링크 추가

답변

관련 문제