d3.js

-2열

1답변

같은 사이트에서 두 가지 유형의 데이터가 표시된 테이블을 만들었습니다. 각 쌍은 동일한 색상이지만 다른 광 비율 (예 : 진한 파란색과 연한 파란색)로 표시됩니다. "spline"을 사용하여 인쇄 할 때 두 개의 선이 보이지만 "bar"으로 차트 유형을 변경하면 피해야 할 부분에 자주색 경계선이 추가됩니다. 을 그리고이 바 함께 : 당신이 방법에 대한 아이

0열

1답변

캔버스의 인스턴스 가져 오기 d3js

d3js를 처음 사용하고 d3js 캔버스 객체의 인스턴스를 저장하려고합니다. 저장 한 후에는 저장된 d3js 캔버스의 요소를 얻고 싶습니다. EDITED 질문 : 는 기본적으로 내가 뭘하고 싶은 것은 그들이 그려 후 d3.json의 함수 내에서 그려 요소를 액세스 할 수 있습니다. 다음은 내 코드의 HTML과 자바 스크립트입니다 : HTML Before d

1열

1답변

D3 : D3에서 JSON 문자열의 기능을로드하는 방법

JSON.parse (string) 메서드를 사용하여 JSON 문자열에서 JSON 개체를 만드는 많은 예제를 보았지만이 개체의 기능을로드하는 방법은 무엇입니까? JSON.parse는 나에게 명확하지 않습니다. 예를 들어, 복사 및 (JSON 파일 : canada.topo.json) 아래 링크에서 텍스트를 붙여 넣기를 들어, 나는 다음과 같은 코드가 있습니다

0열

1답변

D3에서 SVG 요소 그룹화

D3에 차를 구현했습니다. 정보 그래픽. 하나; 그것은 내 컨테이너에서 꽤 크고 애니메이션이 아닙니다. 다음 요소들을 그룹화하고, 규모를 줄이려고합니다. &은 마침내 반복적으로 또는 연속적으로 움직 이도록 애니메이션합니다. 기본적으로 자동차를 훨씬 더 작게 만들어 페이지 주위를 자유롭게 움직일 수 있습니다. 여기 d3.select('#dataVizConta

0열

1답변

SVG를 컨테이너 크기에 맞게 그릴 수 있도록 SVG의 크기를 조절하려면 어떻게해야합니까?

D3.js 구성 요소가 있고받은 데이터를 기반으로 차트가 동적으로 렌더링됩니다. 내 문제는 큰 데이터 집합을 받으면 구성 요소가 커지고 (각 시각적 요소의 크기가 미리 정의되어 있음) 화면에 맞도록 내 구성 요소를 리팩토링하고 모든 요소의 크기를 계산하지 않으려 고합니다.

1열

1답변

d3 생성 볼록 선체에 레이블을 추가하려면 어떻게합니까?

힘 지향 그래프에서 노드 주위에 볼록 선체를 그리기 위해 d3 v4 및 this technique (약간 수정)을 사용했습니다. 훌륭하게 작동하지만 이제이 노드 그룹에 레이블을 지정하려고합니다. 궁극적으로, this SVG과 같은 모양을 그려 보겠습니다. 볼록한 null 다각형에 텍스트 요소를 추가하여 다각형이 이동하면 이동할 수 있습니까? 아니면 일종의

2열

1답변

SVG의 텍스트 요소에 텍스트를 추가 할 수 있습니까?

해당 텍스트를 클릭 할 때 데이터 레이블 끝에 새 텍스트 요소를 추가하려고합니다. 가능한가? 나는 내 코드에 이것을 추가하는 시도하고 텍스트를 추가 할 수 표시되지 않습니다 circleGroup.selectAll("text") .data(data) .enter() .append("text") .text(fu

0열

1답변

가운데 정렬 된 차트 정렬 - d3

3 개 차트를 모두 HTML 페이지의 중앙에 배치하고 싶습니다. 나는이 질문이 이전에 요구되었지만 어떤 솔루션도 나를 위해 일하지 않았다는 것을 알고있다 : 나는 this과 this 참조를 시도했다. Plunker에 대한 피드백을 페이지 중앙에 도표로 표시 할 수 있습니까? svg{ display: block; margin: auto;

1열

1답변

v3의 d3.js 확대/축소 : 한 손가락이 자식 요소 위에있을 때지도를 손가락으로 확대/축소

관심 장소가 svg 원으로 표시된 대화식지도가 있습니다. 각 원에는 터치 시작 또는 마우스 다운 이벤트가 있고 뒤에있는 투명 사각형은 d3.zoom()에 바인딩되어 있으므로지도를 확대 할 수 있습니다! 당신이 요소를 검사한다면 여기까지 설정되어 : <div id="map"> <svg> <g><rect></rect></g> <!-- tra

1열

1답변

SVG D3 이미지 크기 조정 문제

d3을 사용하여 만든 SVG 이미지가 있습니다. 그것의 부모 div 컨테이너 내에 svg 이미지를 포함하고 싶습니다. 그러나 svg는 상위 div를 넘습니다. 아래 코드는 : <div id="test" style="{width: 500px; height:500px;}"> <svg></svg> </div> <script>