css - D3.js 图表在 Internet Explorer 11 中可见，但在 Internet Explorer 11 中不可见

Question

我有一个非常漂亮的日历报告，它是我在一台机器上创建的，它以彩色编码 block 的形式显示了我公司在过去几年中每天的收入。在最终确定配色方案并几乎完成后，我去另一台机器上测试它 - 遇到了一个相当大的障碍。

这是我用作模板的报告: http://bl.ocks.org/mbostock/4063318

太棒了。而且，在 Internet Explorer 11 中，它看起来棒极了。我从没想过复制代码和测试报告会产生一个空白页，但确实如此。在该页面上，日历报告是可见的。在 IE 11 中。将代码复制到一个新的 html 文件并打开它，什么也没有显示。然而，在 Firefox 中，一切都是可见的。原样。

现在，该页面的一部分指向

"//d3js.org/d3.v3.min.js"

而且我发现，为了在 firefox 中工作，我必须在前面添加 http:，所以这不是我的问题。

我真的坐在办公 table 前，盯着两个打开的浏览器窗口，指向同一个 html 文件。一个包含我的漂亮报告，一个是完全空白的页面。

一些粗略的谷歌搜索显示 IE 8 或更低版本的 svg 存在问题。我似乎找不到任何关于有类似问题的人的引用资料。他们的情况似乎是，对于 IE10，您需要指定高度和宽度，而不仅仅是一个或另一个，以确保所有内容都能正确缩放。

如果可以的话，我会在所有要运行报告的机器上运行 Firefox，即使它只是为了那一件事! las，我只是一个农民编码员，所以我必须让它工作。在可怕的 IE 中。

是否有任何 svg/html/d3.js 编码人员可以告诉我另一种方法来吐出我正在使用的数据，以便我可以获得我正在寻找的东西？

Answer 1

copying the code and testing the report would produce a blank page

因为您正在输出无效的 HTML。初学者没有 html 或 head 元素。

将您的代码输出到类似 example.xhtml 的文件中并在 Firefox 中打开它(特别是)因为它的 XML 解析器会很快告诉您第一个 XML 解析器错误发生在哪一行和哪一列.尽管这并不暗示您的页面符合标准，但您正在以标准模式而不是怪癖模式呈现。

var m=(document.compatMode == 'CSS1Compat') ? 'Standards' : 'Quirks'; window.alert(m+'-mode.');