2

d34raphaelツールに関するドキュメントがあまりないため、非常に苦労しています。

私はこの例をd3.jsから再現しようとしています：http：//bl.ocks.org/d/1249394/ラファエルを使用しています。アイデアは、これをsvgをサポートしないie8に実行できるようにすることです。

私の最大の関心事は、「g」svgノードをラファエルコードに置き換えることです。

たとえば、これらのstatemetnsをd34raphaelに変換する方法は次のとおりです。

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のドキュメントを読みましたが、役に立ちませんでした。

助けてくれてありがとう。

4

1 に答える 1

1

Raphael は g 要素を使用しませんが、セットの概念をいくつか持っています。d34raphael はそれを直接使用します。

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

しかし、これは d3 コードの直接変換にはあまり役に立ちません。要素にグループの子を持たせるのではなく、要素を配置するためにデータとすべてのロジックをフラット化することをお勧めします。

于 2012-08-23T18:47:41.250 に答える