나는 캔버스 요소로 전환에 관한 example here을 따랐습니다. d3 버전 4.2.2를 사용하고 있기 때문에 성공하지 않고 예제를 이식하려고했습니다. 문제는 (d3.timer 지속 시간에 따라) 애니메이션이 점에서 적절한 위치에 있지 않는 지점에서 멈 춥니 다. d3 v3으로 잘 작동합니다. var duration = 1000;
var delay =
d3 코드를 v3에서 v4로 마이그레이션하고 d3.zoom.x, d3.zoom.y 속성에 해당하는 항목을 찾는 데 문제가 있습니다. 여기 가장 중요한 요소를 포함하는 코드의 짧은 부분이다 : I (x)는 "zoom.x를 대체하기 위해 사용하려고 한 this.init = function(obj, def) {
/* X-axis */
저는 D3 v4를 사용하고 있습니다 (대부분은 아니지만 전부 v3 용 예제가 있습니다). 위로 v3으로, 그들은 rangeBand()라고 불리는 것을 가지고 있었고, 동적으로 모든 것을 x 축에 동적으로 배치 할 수있었습니다. 이제 v4에서 어떻게해야하는지 궁금합니다. var barEnter = vis.selectAll("g")
.data(
나는 d3.js v4을 사용하고 있습니다. 현재 프로그래밍 방식으로 확대/축소를 구현 중입니다. 이 Panning and Zooming Tutorial은 엄청난 도움이되었습니다. 내 줌 기능은 스크롤 휠과 함께 작동하지만 확대/축소 할 버튼을 만들고 싶습니다. 확대/축소 및 패닝에 필요한 것은 번역 [tx, ty]과 축척 계수 k입니다. 내 x 축에 tim
this codepen demo을 살펴보십시오. 나는 svg 객체를 클릭하여 인스턴스가 생성 된 시뮬레이션 틱을보고 전환이 발생하는지 확인합니다. 간단한 함수를 사용합니다 : function transitionTo() {
simulation
.on("tick", ticked);
}
그러나 "트윈"이 존재하지 않음을 데모에서 확인할 수
시각화를 업데이트하기 위해 입력/업데이트/종료 논리를 성공적으로 사용할 수 있었지만 여기에 설명 된 새로운 .merge() 함수를 사용하지 않고 그렇게하고 있습니다. https://github.com/d3/d3/blob/master/CHANGES.md#selections-d3-selection 나는 아직도 내가 그것을 v3 방식으로하고 있다고 생각한다. 설
D3 v4를 angular2에 올바르게 설치하면 여러 페이지가 보였습니다. 주제에 대한 의견이 많습니다. typescript2와 함께 angular2.0을 사용하고 있습니다. IDE와 ts 컴파일러가 오류없이 모든 부분을 볼 수 있도록 모든 것을 올바르게 설치하는 데 어려움이 있습니다. 'd3'에서 d3과 같은 import *를 한 경우; ts는 브라우저에
정의되어 있지 않습니다. 나는 D3을 사용하여 USA의지도를 그리려고하고 있는데,이 guide을 사용하고 있었지만 D3의 가장 최신 버전과 정확히 일치하지는 않습니다. 다음은 내 코드/비디오 코드입니다. (function(){
var width = 400;
var height = 300;
var svg = d3.select('#d3mapUS')
나는 force graph를 만들고 각 노드에 foreignObject를 삽입하려고한다. simulation
.nodes(graph.nodes)
.on("tick", ticked)
.on("end", graphended);
var node = svg.append("g")
.attr("clas
어디서나이 정보를 찾을 수 없습니다. D3.js v4에는 많은 v3 버그가 있고 the new modular approach은 훌륭하지만 4 개의 (비교적 복잡한) 차트가있는 기존 응용 프로그램이 있는데 마이그레이션하는 데 걸리는 시간을 계산할 수 없습니다. v3에서 v4로 더구나 이제는 새로운지도 차트를 작성 중이며 v3는 이미 좋은지도를 지원합니다 (D