让 d3.js 与 raphael.js 一起工作

Question

我最近使用 d3.js 实现了一些数据可视化，我现在正试图让它适用于 Internet Explorer 浏览器版本 7 及更高版本。使其工作的常见建议是将 d3.js 与 raphael.js 结合起来，raphael.js 是一个跨浏览器图形库。

似乎已经有一些此类库的实现，例如 r2d3.js： d34raphael.js：

我试图了解这些现有实现是否已经具有 d3 的数据绑定能力和力布局的物理实现来实现像这个 d3 示例这样简单的东西：http://bl.ocks.org/1095795

Answer 1

我也一直在研究这个问题，并提出了许多选择。

• Chrome Frame - 一个实际上在下面使用 chrome 的浏览器插件，这意味着 SVG 可以正常工作。如果您能够将插件部署到浏览器，那就太好了，但对于真正的商业环境，这可能是不可能的。

• SVG Web - 目标是将 SVG 引入所有浏览器。它看起来是一个相当大的项目，有谷歌的意见。然而，尽管我对这些问题了解不多，但这并不适用于 D3。

• D34Raphael - 你提到过这个，我又发现它不能开箱即用。在 GitHub 上查看该项目，几个月来没有任何提交活动，并且有一些拉取请求“首先尝试获得对事件绑定所需的 .on() 的支持”。如果它不支持事件，那对您来说是个问题吗？我通常会远离这个。

• R2D3 - 又是你提到的另一个。我从 D3 网站上获取了 Sankey 示例，并且必须进行一些更改才能使其正常工作。我无法工作的主要事情（拖动事件，组 - 虽然可以使用替代方案）。花了大约一天的时间让示例在 IE8 中运行，我相信它处于可用状态。 GitHub 上的项目也更加活跃，开发人员正在提交、投入工作并非常积极地参与讨论等。这得到了我的投票。