1
저는 d3.js에서 새롭고 간단한 분자 d3 http://bl.ocks.org/mbostock/3037015을 사용합니다. 첫 번째 질문은 분자 구조의 여러 노드를 선택하는 방법입니다. 둘째, 선택한 노드의 이름과 크기 데이터 (json 파일에 저장 됨)를 추출 할 수 있습니까?d3.js를 사용하여 선택한 노드의 json 데이터를 추출하는 방법은 무엇입니까?
A
답변
1
게시 된 링크의 small extended version을 살펴보십시오.
노드를 클릭하면 노드의 색상이 변경됩니다. 필요한 방식으로 쉽게 변경할 수 있습니다. 추가 속성 또는 클래스를 설정 한 다음 나중에 해당 속성/클래스가있는 항목을 확인할 수도 있습니다. 또는 클릭 한 항목을 다른 JSON에 저장하고 추가하기 전에 해당 항목이 이미 목록에 있는지 확인하십시오.
이제 확장 버전에도 포함됩니다. 노드를 클릭하면 원자와 크기가 왼쪽 상단에 인쇄됩니다.
관련 문제
- 1. d3.js를 사용하여 XML 데이터를 가져 오는 방법은 무엇입니까?
- 2. JS를 사용하여 XML에서 데이터를 추출하는 방법
- 3. TreeView 검도에서 선택한 노드의 데이터를 가져 오는 방법은 무엇입니까?
- 4. d3.js를 사용하여 JSON 데이터를 얻고 꺾은 선형 차트를 만드는 방법은 무엇입니까?
- 5. d3.js를 사용하여 json 파일에서 동적 그래프를 그리는 방법
- 6. d3.js에서 상위 10 개 데이터를 추출하는 방법은 무엇입니까?
- 7. d3.js를 사용하여 호를 가로선으로 애니메이션하기
- 8. d3.js를 사용하여 json 파일을 html로로드 할 수 없습니다.
- 9. JSON 배열을 추출하는 방법은 무엇입니까?
- 10. d3.js를 사용하여 가로형 차트에 레이블 표시
- 11. d3.js를 사용하여 드롭 다운 메뉴 추가
- 12. kinetic JS를 사용하여 다른 이미지를 추출하는 방법은 무엇입니까?
- 13. d3.js를 사용하여 변환에서 회전 속성을 로깅하는 방법은 무엇입니까?
- 14. d3.js를 사용하여 areaplot에서 색상 및 격자를 설정하는 방법은 무엇입니까?
- 15. d3.js를 사용하여 꺾은 선형 차트에서 축척을 변경하는 방법은 무엇입니까?
- 16. d3.js를 사용하여 선 그래프를 그리는 방법은 무엇입니까?
- 17. NSArray를 사용하여 NSArray에서 데이터를 추출하는 방법은 무엇입니까?
- 18. WordPress API를 사용하여 데이터를 추출하는 방법은 무엇입니까?
- 19. d3.js를 사용하여 외부 json 파일을로드 할 수 없습니다
- 20. d3.js를 사용하여 AngularJS에서 $ location이 작동하지 않습니다.
- 21. 노드의 D3 메타 데이터
- 22. 필요한 데이터를 추출하는 방법은 무엇입니까?
- 23. json 경로 추출기를 사용하여 json Responce를 추출하는 방법은 무엇입니까?
- 24. D3.js를 사용하여 자기 효과를 얻으십시오
- 25. D3 차트, 파일에서 Json 데이터를 반복하는 방법은 무엇입니까?
- 26. JSON 응답에서 데이터를 추출하는 방법
- 27. D3.js를 사용하는 극좌표
- 28. d3.js를 사용하여 선택 옵션을 표시하지 않습니까?
- 29. PDF에서 데이터를 추출하는 방법은 무엇입니까?
- 30. 목록에서 데이터를 추출하는 방법은 무엇입니까?
@kwoxer for ur 응답에 감사드립니다. 색이나 획을 변경한다는 의미를 선택하십시오. 사실 내가 원하는 것은 분자 구조에서 일부 원자를 선택하고 선택한 원자의 json 데이터를 추출하는 것입니다. 원자 번호, 원자 질량 및 선택된 원자의 이름으로 구성된 json 데이터를 표시하려고합니다. 나는 당신이 무엇을 의미하는지 이해할 수 있기를 바랍니다 :) – Sonam
글쎄, 나는 화학에 대해 나빴지만, 나는 네가 원하는 것을 알고 있다고 생각한다. 나는 당신을 위해 JSFiddle 예제를 만든다. – kwoxer
JSFiddle이 나에게 너무 느리기 때문에 JSBin을 작성하십시오. 희망은 당신이 좋아. 궁금한 점이 있으면 알려주세요. – kwoxer