Javascript 与d3.js和raphael合作

Javascript 与d3.js和raphael合作,javascript,jquery,raphael,d3.js,Javascript,Jquery,Raphael,D3.js,我有一个非常困难的时间,因为并没有太多的文档工具 我试图从d3.js复制这个示例:使用raphael。我们的想法是能够将其运行到不支持svg的ie8中 我最担心的是用raphael代码替换“g”svg节点 例如,如何将这些状态转换为d34raphael: var node = vis.selectAll("g.node") .data(nodes, function(d) { return d.id || (d.id = ++i); }); 或 我已经阅读了关于d34raphael的文档

我有一个非常困难的时间,因为并没有太多的文档工具

我试图从d3.js复制这个示例:使用raphael。我们的想法是能够将其运行到不支持svg的ie8中

我最担心的是用raphael代码替换“g”svg节点

例如,如何将这些状态转换为d34raphael:

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

我已经阅读了关于d34raphael的文档,但是没有用


谢谢你的帮助。

拉斐尔不使用g元素,但有一些集合的概念。d34raphael直接使用它:

paper.setStart()
...
paper.setFinish().transform(["t", margins.top, margins.left]);
但是这对于直接翻译d3代码来说不是很有用。我建议您将数据和所有逻辑展平,以定位元素,而不是让元素具有组的子元素

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