D3 강제 거품 형 차트를 그리는 방법?

그리기 위해 내 정렬 d3 차트에 문제가 있습니다. 각 버튼을 선택하면 카테고리 텍스트를 표시 할 수 있습니다.D3 강제 거품 형 차트를 그리는 방법?

내 문제는 노드 코드 내에서 발생합니까?

var nodes = svg.selectAll("circle") 
     .data(data); 

    nodes.enter().append("circle") 
     .attr("Pclass", "node") 
     .attr("cx", function (d) { return d.x; }) 
     .attr("cy", function (d) { return d.y; }) 
     .attr("r", function (d) { return d.radius; }) 
     .style("fill", function (d) { return fill(d.pclass); }) 
     .on("mouseover", function (d) { showPopover.call(this, d); }) 
     .on("mouseout", function (d) { removePopovers(); }) 

    var force = d3.layout.force(); 

    draw('Pclass');

내 전체 Plunker은 여기에 있습니다 : https://plnkr.co/edit/JFbPzy7nI1oAyO1Rb9wC?p=preview

출처

2016-12-20 Howard Smith

for (var j = 0; j < data.length; j++) { data[j].radius = +data[j].Nfare/5; data[j].x = Math.random() * width; data[j].y = Math.random() * height; }

'을 .attr .comb 데이터 데이터 [J] .Nfare을 변경할 필요 '.attr ("r", function (d) {return 10;})'동그라미가 나타날 것입니다. : https://plnkr.co/edit/5BTuDxXYVxyH0zx1WgJi?p=preview – mkaran

'data [j] .comb'가 정의되지 않았기 때문에 d.radius가 null이므로이'data [j] .radius = + data [j]입니다. comb/2;는 NaN에서 끝납니다. 이것 좀보세요 : https://plnkr.co/edit/5BTuDxXYVxyH0zx1WgJi?p=preview 반경을 계산하기 위해 NAge를 사용하고있는 곳. 희망이 도움이! – mkaran

감사! 이것은 완벽하게 이해할 수 있습니다. 이 페이지를 확인하기 위해 돌아 가기 전에 대답이 잠시 나에게 맞았습니다. 그것은 확실히 코드에서 아주 작은 오류가 있었어요 –

내가이 문제를 자신을 알아 냈어. 나는 나쁜 변수를 가졌다. , d.radius가 null`({} 리턴 d.radius "R"기능 (d))은 I [j]가

출처

2016-12-20 16:24:35

D3 강제 거품 형 차트를 그리는 방법?

답변

관련 문제