1

此代码在独立页面中运行良好。我通过 jquery ajax 将这段代码拉到另一个页面，它不显示图表。我已经搜索和搜索并没有找到答案。

<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([
      ['Task', 'Hours per Day'],
      ['Data Entry', 2],
      ['Filing', 1],
      ['Social Media', 2],
      ['Email Responses', 1],
      ['Customer Care', 2]
    ]);

    var options = {
      chartArea:{left:20,top:0,width:"80%",height:"70%"},
      legend: {position: 'left', textStyle: {fontSize: 14}},
      is3D: 'true'
    };

    var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
    chart.draw(data, options);
  }
</script>



    <div id="chart_div" style="position: relative; z-index: 100; width: 580px; height: 400px; margin: 0px 0px 0px 50px; border: overflow: hidden;">
    </div>

感谢任何人可以提供的任何帮助，谢谢。

4

1 回答 1

0

这还不是答案，所以请不要投反对票。

有几个问题可以帮助我们有希望地回答您；

  • 你使用的是什么浏览器？
  • 引入此脚本的代码是什么？
  • 您使用什么版本的 JQuery？
  • 在您的浏览器中，您的 Javascript 控制台是否显示任何错误？
  • 您在不同的浏览器中是否遇到相同的错误？

编辑：您可能会尝试帮助我们的另一件事是在http://jsfiddle.net/创建一个小提琴并给我们链接；这将让我们直接尝试您正在使用的代码。

于 2012-08-08T00:18:11.770 回答