D3強制バブルチャートの描画方法

Question

私はソート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

Answer 1

私はこの問題を自分で考え出しました。私は悪い変数を持っていた。私は、データを変更するために必要なデータから、[J] .Nfare [j]が

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; 
    }