D3 CSSレイアウトのカスタムカラー

Question

私は強制的なレイアウトに取り組んでいます。私が最初にこれを始めたとき、私はCSSで色を定義していました。どこかで私は組み込みのD3カラースケールを試してみましたが、自分のカスタムCSSカラーに戻そうとしたときに、カラースケールラインがなくてもコードは実行されません。どういうわけか、私はD3スケールで「スタック」だ - このコードの行4：私は私のポインタのイベントが動作しているコマンドのための私のCSSが動作している知っているhttps://jsfiddle.net/lilyelle/gwacm7z5/

var w = 600, 
    h = 500, 
    r = 30, 
    fill = d3.scale.category10() 
; 

- 何とかCSSの残りの部分はしません私の要素に色を適用する。誰でもd3スケールを取り除き、通常のCSSスタイリングに戻るのを手伝ってもらえますか？

ありがとうございました！

Answer 1

あなたCSSは次のようになります。

.node .type1 { 
    fill:#690011; 
} 
.node .type2 { 
    fill:#BF0426; 
} 

そしてサークルを作成：

fiddleを更新しました

node.append("circle") 
    .attr("r", 35) 
    .attr("class", function(d){ 
    return "node type" + d.type; 
    }) 
    .on("mouseover", fade(.1)) 
    .on("mouseout", fade(1)); 

。