D3을 사용하여 그래프를 생성하는 Angular4 앱이 있습니다. D3 코드에서 일부 요소에 대한 일부 클래스와 CSS 파일 회의를 추가했습니다. 그들에게 적용됩니다. 사실 CSS는 이러한 요소에 적용되지 않습니다.동적으로 생성 된 각 구성 요소의 CSS
답변
d3.style() 속성을 사용하여 DOM에서 선택한 특정 요소에 스타일을 추가 할 수 있습니다. 하드 코딩 된 솔루션이지만 작동합니다.
편집 : @GerardoFurtado가 지적했듯이 오타를 만들었습니다. 나는 당신이 생성하고있는 선택된 요소에 스타일을 추가하는 곳의 속성을 참조하고 있습니다.
selection.style()
속성. 간단한 구현은 다음과 같습니다.
var circle = svg.selectAll("circle")
.data(data)
.style("fill", "blue");
입니다.'d3.style()'은 항상 ** getter **이며 절대로 세터가 아닙니다. 당신은'selection.style()'에 대해서 생각하고 있는데, 이것은 다르다. –
@GerardoFurtado 정확함, 그것을 알아 채지 못함 (오타라고 생각할 때) – Dimeski
간단하게 의견을 말하지는 마십시오 : 대답을 편집하십시오. –
- 1. Javascript - 동적으로 생성 된 요소의 CSS 전환
- 2. 동적으로 생성 된 CSS
- 3. 동적으로 생성 된 구성 요소의 각도 2 위치
- 4. Extjs 5.1.2 동적으로 생성 된 요소의 수신기
- 5. 각 구성 요소를 다른 구성 요소의 하위로 동적으로 삽입하십시오.
- 6. 각 요소의 CSS 퍼스펙티브
- 7. 동적으로 추가 된 구성 요소의 활동이 멈춤
- 8. 동적으로 생성 된 요소의 높이 가져 오기
- 9. 동적으로 생성 된 요소의 수를 카운트
- 10. 동적으로 생성 된 요소의 값 검색
- 11. 동적으로 생성 된 요소의 녹아웃 바인딩
- 12. jQuery는 동적으로 생성 된 요소의 텍스트를 변경합니다.
- 13. 동적으로 생성 된 형제 요소의 특성에 액세스하기
- 14. 동적으로 생성 된 요소의 Jquery 값 검색
- 15. 동적으로 생성 된 요소의 이벤트 처리기
- 16. XPCOM 구성 요소의 생성
- 17. 동적으로 생성 된 Flex 구성 요소에 대한 핸들 가져 오기
- 18. Android 구성 요소의 객체 생성
- 19. 각 구성 요소의 각진 HostListener
- 20. 동적으로 생성 된 요소에서 CSS 재정의
- 21. 동적으로 생성 된 HTML에서 CSS 변경하기
- 22. ASP.NET에서 동적으로 생성 된 Javascript, CSS MVC
- 23. 동적으로 생성 된 요소에 CSS 추가하기
- 24. 동적으로 생성 된 구성 요소 전환/전환
- 25. 동적으로 생성 된 구성 요소 삭제 VueJS
- 26. 동적으로 생성 된 요소의 데이터 속성과 JQuery를 비교하십시오.
- 27. 자바 스크립트 - 동적으로 생성 된 요소의 클릭에 대한 내용의 경고
- 28. 동적으로 생성 된 선택 하위 요소의 attr 가져 오기
- 29. Zend Framework를 사용하여 동적으로 생성 된 양식 요소의 값 허용
- 30. 동적으로 생성 된 자식 요소에 대한 부모 요소의 이벤트 위임
CSS의 파일 경로를 확인하고 올바르게 포함했는지 확인하십시오. –
@SureshPonnukalai 경로가 적합합니다. 그림자 뚫기 관련 항목은 –