Question

我正在使用谷歌饼图。饼图在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错误。

感谢您的建议。

Answer 1

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

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

enter image description here

谷歌图表中ie8和jsfiddle的错误

1 个答案: