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

Question

我一直在参考示例 Bar Chart Screencast，我目前正在尝试查看 d3.js 如何在 IE 8 上运行。我复制了截屏教程中的示例代码，并将在我的应用程序中的 file 中也是如此。基于 d3 的wiki，我尝试在我的 Rails 应用程序中包含 Aight(aight.js 和 aight.d3.js)，在我的 layout 中。但是，当我尝试在 IE 8 上点击示例网址 /companies/company_division_stats 时，什么也没有出现。它在 Chrome 和 Firefox 上运行良好。

我了解 aight.js 可能对 IE 8 浏览器的功能支持有限。是因为这个原因，我的 d3 图没有显示在 IE 8 上，而是显示在其他浏览器上，还是与我的代码有关？

我的code 出现在 github 上。谁能告诉我，以防我遗漏了什么。

Answer 1

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

http://caniuse.com/svg

来自您链接的D3 wiki：

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

来自Aight github page（强调我的）：

Aight 是一个 shims 和 polyfills 的集合，它使 IE8 与 HTML5 兼容，提供了所有必要的接口，以使用 d3.js 进行 HTML-only DOM 操作（和其他依赖这些接口的库）

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