1

動的に作成されたグラフがあるため、svg には次のコードの部分が含まれています。bt このクラスに背景色を与えることができません.. attr() 関数で動的に試しましたが、そのようには機能しません.. svg:text のような CSS を指定する方法はありますか??

<text id="circleText_Persons-bruno-waterfield" font-size="14" class="circleText" font-family="Tahoma" text-anchor="middle" background-color="#000000" font-weight="900" display="block" x="-1.8714285714285717" y="28.711414285714287" fill-opacity="1" stroke-opacity="1" style="fill: #666666;">Bruno Waterfield</text>

SVG テキストの動的作成

      nodeEnter.append("svg:text") 
  .attr("id", function(d){  return "circleText_" + d.name})
      .attr("font-size", function(d){return 14;}) //returnNodeSize(d) / 2
      .attr("class",  function(d){return "circleText"}).attr("font-family", "Tahoma")
      .attr("text-anchor","middle")
      .attr("background-color","#000000")
      .attr("font-weight","900")
      //returnNodeSize(d)+returnNodeSize(d)/1.8;
       .text(function(d){ 

         return toTitleCase(d.name));
4

1 に答える 1

0

テキストのバウンディングボックスに合わせてrect、選択した色を要素の後ろに配置します。textSVG テキストには、背景色を設定するためのフロー ボックスがありません。あなたはそれを作らなければなりません。

于 2013-02-24T14:17:30.373 に答える