0

我一直在参考示例条形图截屏视频,我目前正在尝试查看 d3.js 在 IE 8 上的工作方式。我复制了截屏视频教程中的示例代码,并将其放置在此我的应用程序中的文件。基于 d3 的wiki,我尝试在我的 Rails 应用程序中包含Aight(aight.js 和 aight.d3.js),在我的layout中。但是,当我尝试在 IE 8 上点击示例 url /companies/company_division_stats 时,什么也没有出现。它在 Chrome 和 Firefox 上运行良好。

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

我的代码在 github 上。任何人都可以告诉我,以防我遗漏了什么。

4

1 回答 1

2

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

http://caniuse.com/svg

从您链接的D3 wiki :

您需要一个现代浏览器来使用 SVG 和 CSS3 过渡。D3 不是兼容层,因此如果您的浏览器不支持标准,那么您就不走运了。对不起!

Aight github 页面(重点是我的):

Aight 是一个 shims 和 polyfills 的集合,它使 IE8 以最低限度的 HTML5 兼容性加速,提供了使用 d3.js(以及依赖于这些接口的其他库)进行纯HTML DOM 操作所需的所有接口

如果您正在寻找不使用 SVG 的示例,Scott Murray 的前八篇教程仅使用 HTML。但是,我认为您会发现网络上的大多数其他示例都使用 D3 和 SVG。如果 IE8 支持对您很重要,那么Raphael等其他库可能更合适。

于 2013-08-28T12:13:12.960 回答