22

私はそれらの両方が私のテストで機能することを発見しました：

    .on("mouseover",
        function() {
            d3.select(this)
                .select("text")
                .style("fill","red");
        })

また

    .on("mouseover",
        function() {
            d3.select(this)
                .select("text")
                .attr("fill","red");
        })
4

2 に答える 2

25

取得したHTMLを見ると、次のようなものが表示されます。

<text style="fill: red">...

と

<text fill="red">...

..どちらもSVGで合法ですが、スタイルが必要なときにattrを使用すると、他の目的で使用するとつまずく可能性があります。

于 2012-08-06T22:23:19.513 に答える
4

これは、d3で作成するsvgオブジェクトにわずかに依存します。

たとえば、円要素を作成する場合、円要素の形状と位置を定義する「x」、「y」、および「r」属性（attr）があります。不透明度、塗りつぶしの色などで円のスタイルを設定できます。

属性は通常、svgオブジェクトのサイズと形状を示し、スタイルは通常、視覚化で使用するsvgオブジェクトのよりデザイン的な側面を示します。

于 2012-12-13T09:09:15.527 に答える