홈>
for 루프를 사용하여 팩 레이아웃에 대한 데이터를 동적으로 작성하고 있습니다. 원의 색상이 무작위로 지정되고 싶습니다. 내 코드는 fill 속성에 대한 실제 함수를 반환합니다.
<circle cx="532.0508075688773" cy="219.6152422706632" r="46.41016151377546" fill="function () {
return "hsl(" + Math.random() * 360 +",100%,50%)"
}" name="1"></circle>
필 속성으로 전달되는 함수의 반환을 위해 코드를 어떻게 변경합니까?
데이터가 루트 노드를 만드는 데 사용하는 방법의 관련 부분
...
for (var j=0;j<10;j++){
child = {};
child["name"]= +j;
child["value"]=2;
child["fill"]=function() {
return "hsl(" + Math.random() * 360 + ",100%,50%)";
};
...
이것은 내가 원을 만드는 방법입니다
d3.select('svg g')
.selectAll('circle')
.data(rootNode.descendants())
.enter()
.append('circle')
...
.attr('fill', function(d) { return d.data.fill; })
- 답변 # 1
관련 자료
- c++ - 함수는 채우고있는 char 배열보다 큰 cstring을 어떻게 반환 할 수 있습니까?
- swift - 무작위 함수를 선택하는 현명한 방법
- promise - Nodejs 함수 비동기 반환 대기하지 않음
- recursion - 문자열을 반환하기 위해 Swift에서 재귀 함수를 어떻게 빌드 할 수 있습니까?
- python - "get_roll"함수의 경우 사용자 입력을 어떻게 분할 할 수 있습니까 (예 - "1d3", 즉 3면 주사위에 대해 1 롤을 임의의 정수로 의미)?
- list - 왜 pop () 함수가 파이썬의 함수 내부에서 값을 반환하지 않습니까?
- c++ - 하위 시퀀스가 시작되는 첫 번째 반복자를 반환하는 STD 함수
- 함수에서 변수에 입력 한 속성 값을 사용하는 방법 | PostgreSQL
- javascript - Sequelize에서 임의 순서 함수에 시드 값을 전달하는 방법
- c - 다른 함수를 호출하고이 함수의 호출자에게 직접 반환하도록합니다
- sqlalchemy - 돌아온 다음 파이썬에서 다른 함수가 끝날 때까지 기다립니다
- python - for 루프없이 함수 내부에서 임의의 동작으로 함수를 n 번 반복하여 numpy 배열 만들기
- python - 각 장고 모델 선택에 대해 다른 색상을 어떻게 지정합니까?
- arrays - PHP 함수에서 한 번에 둘 이상의 값을 반환하는 방법
- vhdl - 함수에서 제한되지 않은 2D 배열로 레코드를 반환하는 방법
- 셀에 흰색이 아닌 배경색이있는 경우 true를 반환하는 Google 스크립트
- Swift 함수에서 함수가 루프 내부에 if 문이있는 for 루프를 포함 할 때 왜 'return'이 for 루프 외부에 있어야합니까?
- javascript - 업데이트 된 항목을 반환하지 않는 배열 맵 함수
- android - q - 개체 목록에서 특정 속성을 반환 할 수 없습니까?
- sql - 무작위 이중 기능 - postgresql
트렌드
- OpenCv의 폴더에서 여러 이미지 읽기 (python)
- 파이썬 셀레늄 모든 "href"속성 가져 오기
- html - 자바 스크립트 - 클릭 후 변경 버튼 텍스트 변경
- git commit - 자식 - 로컬 커밋 된 파일에 대한 변경을 취소하는 방법
- JSP에 대한 클래스를 컴파일 할 수 없습니다
- javascript - 현재 URL에서 특정 div 만 새로 고침/새로 고침
- jquery - JavaScript로 현재 세션 값을 얻으시겠습니까?
- javascript - swiperjs에서 정지, 재생 버튼 추가
- python - 문자열에서 특정 문자 제거
- JavaScript 변수를 HTML div에 '출력'하는 방법
기능을 노드의 데이텀으로 설정하는 대신 ...
... 그냥 값 자체를 설정하십시오 :
동일한 원칙을 따르는 기본 데모입니다 :
Math.random()
)은 데이터의 기능이 우수함 (또는 표준)이 아닙니다.그 대신에 가벼움과 채도를 저장하지 않는 이유는 무엇입니까? 그런 다음
Math.random()
를 사용할 수 있습니다 콜백에서 직접 :다음은 데모입니다 :