Question

饼图在所有浏览器上都能完美运行，除了IE 7和8，我看到的只是一个空白屏幕。我环顾四周，但似乎无法找到有效的解决方案。

感谢任何帮助

<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
       google.load("visualization", "1", {packages:["corechart"]});
       google.setOnLoadCallback(drawChart);
       function drawChart() {
       var data = google.visualization.arrayToDataTable([
         ['Product', 'Amount'],
         ['Product 1', 31],
         ['Product 2', 28],
         ]);

       var options = {
         title: 'Pie Chart',
         legend: {postion:'right', alignment: 'center'},
         pieSliceText: 'value',
         chartArea: {left: 10, width:"30%", height:"50%"},
         height: 300
        };

       var chart = new google.visualization.PieChart(document.getElementById('piechart'));

       chart.draw(data, options);

      }
    </script>
  </head>
  <body>
    <div id="piechart" style="width: 900px; height: 500px;"></div>
  </body>
</html>

Answer 1

数据数组末尾有一个错误的逗号：

var data = google.visualization.arrayToDataTable([
    ['Product', 'Amount'],
    ['Product 1', 31],
    ['Product 2', 28], <-- this comma is the problem
]);

IE在数组中的最后一个元素之后不喜欢逗号，并且当它看到一个时，它会发出尖叫声并发脾气，与一个2岁的孩子竞争。

谷歌饼图没有出现在IE 7和8中

1 个答案: