要素D3に複数のクラス名を追加する
disp_name
さまざまな地域のデータを含むD3散布図に取り組んでいます。ここでは、地域はヨーロッパ、アジアなどの大陸名です。1つの地域で共通のアクティビティを実行できるように、地域をクラス名に関連付けたいと思います。
以下は、要素に複数のクラスを一緒に追加するための私のコードです。
var dot = svg.append("g")
.attr("class", "dots")
.selectAll(".dot")
.data(interpolateData(1900))
.enter().append("circle")
.attr("class", "dot " + function(d) { return d.Region; });
次のコードを記述して、現在のオブジェクトに関連付けられているクラスを確認します。
alert(this.getAttribute('class'));
私はこの出力を得ました：
したがって、「ドット」クラスは正常に追加されていますが、Regionを動的に追加できないことがわかります。
TIA
ジェラルド・フルタド
関数を移動し、次の2番目の引数として渡しますattr。
.attr("class", function(d){
return "dot " + d.Region;
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
d3関数で複数のクラスを追加する
- 2
d3に複数の「テキスト」要素を追加します
- 3
同じクラスの複数の要素にクラスを追加する
- 4
複数の同じ要素の1つだけにクラスを追加する方法
- 5
JavaScript CSS要素に複数のCSSクラスを追加および削除する方法
- 6
Angular2に複数のクラス名ngClassを追加する方法
- 7
クラスの複数の要素のクラス名を変更する
- 8
d3を使用してテキストの配列を複数のdivに追加する方法
- 9
d3のhtmlに複数のオプションを追加する
- 10
D3複数の積み上げ折れ線グラフにドットを追加する
- 11
クラス属性python3内に複数の要素を配置する方法
- 12
同じクラス名の要素に一意の要素を追加する
- 13
CSS3複数のクラス内の複数の要素をターゲットにする
- 14
複数のクラス名を持つ要素を取得するにはどうすればよいですか？
- 15
if / elseステートメントの複数の要素に単一のクラスを追加する
- 16
D3：x軸の値に応じてy軸の目盛りにクラスを追加する
- 17
属性値が3未満の場合に、jQueryを使用して兄弟要素にクラス名を追加する方法>
- 18
動的要素に複数のクラスを追加するにはどうすればよいですか？
- 19
複数のパスを1つのD3（SVG）にマージする
- 20
D3パスの側面にのみストロークを追加する
- 21
動的に追加された要素のクラス名を数える方法
- 22
3つの変数から20を超えるdiv要素にランダムにクラスを追加する
- 23
クラスパスに複数のjarを追加する方法
- 24
d3グループSVG内の複数のテキスト要素をドラッグします
- 25
JAXBの複数のクラスに同じ要素名を付けることは可能ですか？
- 26
jQueryに「クラスがありません」セレクター。複数のクラスを保持する特定のクラス名で要素を選択します
- 27
d3文字列を含むクラス名の要素を選択します
- 28
条件付きで複数のクラスを要素に追加します
- 29
div要素に複数のクラスを追加できますか？（CSS）
コメントを追加