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

时间:2012-10-08 16:04:26

标签: raphael d3.js

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

似乎已经有一些像这样的库的实现了 r2d3.js: d34raphael.js:

我试图了解这些现有的实现是否已经具备d3的数据绑定功能和力布局的物理实现,以实现像d3示例一样简单的事情:http://bl.ocks.org/1095795

1 个答案:

答案 0 :(得分:8)

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

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

  • SVG Web - 目的是为所有浏览器带来SVG。它看起来像一个相当大的项目,有一个谷歌的输入。然而,这并不是开箱即用的D3虽然我对这些问题知之甚少。

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

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