2013-08-28 57 views
0

我一直在提及示例Bar Chart Screencast,我目前正在尝试查看d3.js如何在IE 8上工作。我已将示例代码截屏视频教程和我在这个file中放置在我的应用程序中。基于d3的wiki,我尝试过在我的Rails应用中包含Aight(aight.js和aight.d3.js),在我的layout中。但是当我尝试在IE 8上打击示例url/companies/company_division_stats时,什么也没有显示出来。它适用于Chrome和Firefox。在IE 8上显示示例d3图形条形图的问题

据我所知,aight.js在IE 8浏览器功能方面的支持可能有限。是否因为这个原因,我的d3图形不会显示在IE 8上,并显示在其他浏览器上,还是与我的代码有关?

我的code存在于github上。如果我失去了一些东西,任何人都可以告诉我。

回答

2

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

http://caniuse.com/svg

D3 wiki你链接:

你需要一个现代浏览器中使用SVG和CSS3过渡。 D3不是一个兼容层,所以如果你的浏览器不支持标准,那你的运气不好。抱歉!

Aight github page(重点煤矿):

Aight是让IE8达与HTML5兼容的最低限度加快垫片和polyfills的集合,提供所有必要做的接口HTML只 DOM操作使用(即依赖这些接口和其他库)d3.js

如果你正在寻找不使用SVG例子中,前八只使用HTML。不过,我想你会发现网上的大多数其他例子都使用D3和SVG。如果IE8支持对您很重要,另一个库如Raphael可能更合适。

+0

有没有办法通过我可以建立一个d3.js条形图没有svg? – boddhisattva

+0

@boddhisattva查看编辑答案 – explunit