1

我正在使用谷歌饼图。饼图在 jsfiddle 中可见，但在IE8 document type. 我在 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 错误。

谢谢你的建议。

4

1 回答 1

1

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

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

在此处输入图像描述

于 2012-12-26T12:40:04.917 回答