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; 
} 

와 서클을 만들 때 :

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

는 fiddle 업데이트되었습니다.