谷歌图表中 ie8 和 jsfiddle 的错误答案

【问题标题】：bug on ie8 and jsfiddle in google chart谷歌图表中 ie8 和 jsfiddle 的错误
【发布时间】：2012-12-11 23:50:21
【问题描述】：

我正在使用谷歌饼图。饼图在 jsfiddle 中可见，但在 IE8 document type 中不可见 HTML 文件。我在 jsfiddle 中使用饼图代码，并且在 HTML 文件中使用相同的代码，jsfiddle 显示了我期望的答案，但 HTML 文件没有显示饼图。

这里是小提琴：http://jsfiddle.net/gL7Hm/2/

这里是html代码

<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi?fake=.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawVisualization);
      function drawVisualization() {
        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['Work',     11],
          ['Eat',      2],
          ['Commute',  2],
          ['Watch TV', 2],
          ['Sleep',    7]
        ]);

        var options = {
          title: 'My Daily Activities'
        };

        var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
      </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

我想知道这有什么问题吗，是我的代码错误还是 jsfiddle 错误。

感谢您的建议。

【问题讨论】：

如您上一个问题的comments 中所述，您是否尝试在真实 IE8 浏览器而不是模拟浏览器中复制该问题？
我检查了，但它不起作用

标签： css internet-explorer-8 google-visualization jsfiddle ie8-browser-mode

【解决方案1】：

这可能是后期浏览器模拟 IE8 标准模式的一个小错误。显然，这些现代版本的 IE 无法完美地复制其前身的行为（但它们在绝大多数情况下都做到了足够的程度）。

使用http://browserstack.com 我能够在实际的 IE8 实例中进行测试。从下图可以看出，效果很好，IE8（实际实例）没有任何问题。

【讨论】：

谢谢。你的回答对我很有帮助。