在IE 8上显示示例d3图形条形图的问题



我一直在参考一个条形图Screencast示例,目前我正在尝试了解d3.js如何在IE 8上工作。我已经复制了屏幕播放教程中的示例代码,并将其放在我的应用程序中的这个文件中。基于d3的wiki,我尝试在我的Rails应用程序和布局中包含Aight(Aight.js和Aight.d3.js)。但当我尝试在IE 8上点击一个示例url/company/company_division_stats时,什么都没有显示。它在Chrome和Firefox上运行良好。

我知道aight.js在IE 8浏览器的功能方面可能支持有限。是因为这个原因,我的d3图没有出现在IE 8上,而是出现在其他浏览器上,还是与我的代码有关?

我的代码在github上。有谁能告诉我,以防我遗漏了什么吗。

对于IE8,您需要限制自己使用D3操作常规HTML DOM节点。但是您链接的示例使用的是SVG,IE8:不支持它

http://caniuse.com/svg

从你链接的D3维基:

您需要一个现代化的浏览器来使用SVG和CSS3 Transitions。D3不是兼容层,所以如果你的浏览器不支持标准,那你就倒霉了。很抱歉

来自Aight github页面(强调矿):

Aight是一个垫片和polyfill的集合,它使IE8在HTML5兼容性最低的情况下达到了最快的速度,提供了使用d3.js(以及其他依赖这些接口的库)进行HTMLonlyDOM操作所需的所有接口

如果您正在寻找不使用SVG的示例,Scott Murray的前八个教程只使用HTML。但是,我想您会发现,web上的大多数其他示例都将D3与SVG一起使用。如果IE8支持对您来说很重要,那么另一个库(如Raphael)可能更合适。

最新更新