要素に複数のクラス名を追加するD3

Question

私は、異なる地域のデータを持つ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')); 

私はこの出力を得た：

だから私はそれが正常ではなく、動的にリージョンを追加することができ、「ドット」クラスを追加していることを見ることができます。

TIA

Answer 1

あなたはattrの第2引数として渡す、あなたの関数を移動しています

.attr("class", function(d){ 
    return "dot " + d.Region; 
});