d3.js 및 lraphael 작업

Question

d34raphael 도구에 대한 설명서가 많지 않으므로 매우 어려움을 겪고 있습니다.

이 예제를 d3.js : http://bl.ocks.org/d/1249394/에서 재현하려고합니다. 아이디어는 이것을 svg를 지원하지 않는 ie8로 돌릴 수있게하는 것입니다.

가장 큰 관심사는 "g"svg 노드를 lraphael 코드로 바꾸는 것입니다.

d34raphael에이 statemetns를 변환하는 방법을 예를 들어

var node = vis.selectAll("g.node") 
    .data(nodes, function(d) { return d.id || (d.id = ++i); }); 

또는

var nodeEnter = node.enter().append("g") 
    .attr("class", "node") 
    .attr("transform", function(d) { return "translate(" + source.y0 + "," + source.x0 + ")"; }) 
    .on("click", click); 

내가 d34raphael에 대한 설명서를 읽고 있지만 도움이되지 않았습니다

.

도움 주셔서 감사합니다.

Answer 1

라파엘은 g 요소를 사용하지 않지만 일부 개념을 가지고 있습니다. d34raphael이 직접 사용합니다 :

paper.setStart() 
... 
paper.setFinish().transform(["t", margins.top, margins.left]); 

하지만 d3 코드를 직접 번역하는 것은 그리 유용하지 않습니다. 요소에 그룹의 자식이있는 대신 데이터를 배치하고 모든 논리를 배치하여 요소를 배치하는 것이 좋습니다.