0

私は d3.js を使用して散布図をレンダリングしています。散布図エリアの真上と近くにラベルを付けたいです。

これが私のグラフです。

上のラベルを中央に配置し、散布図の円の近くにしようとしています。.attr()テキストにパディングを追加して、バブルの真上とその近くに表示できるようにするプロパティはありますか?

を使用して散布図の真ん中にテキストを取得できましたが、.attr("text-anchor","middle")テキストを散布図に近づける必要があります。現在、散布図の円から 4px 離れています。

4

1 に答える 1

0

これを実現するには、テキスト アンカーを設定し、座標middleにオフセットを追加します。y

svg.selectAll("text")
   ...
   .attr("y", function(d) {
     return d[1] - 10;
   })
   .attr("text-anchor", "middle")
   ...

ここでJsfiddle 。

于 2013-06-12T10:15:35.950 に答える