谷歌图表使用Jquery.get函数到一个PHP文件


Google chart using Jquery .get function to a PHP file

我在使用.get(甚至使用.load)加载PHP文件时遇到问题,文件中包含谷歌日历Javascript。这里有一个例子:

index.php

<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 = new google.visualization.DataTable();
            data.addColumn('string', 'Task');
            data.addColumn('number', 'Hours per Day');
            data.addRows([
              ['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>
    <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            /*
            $(document).live('ready',function(){
                $('#insidefolders').load('file.php', function () { 
                });
            });
            */
            $.get('file.php', function show_province(e){
                $('#insidefolders').html(e);
            });  
        });
    </script>
</head>
<body>
    <div id="insidefolders"></div>
</body>

file.php:

    <div id="chart_div" style="width: 320px; height: 150px;" ></div>

问题是,我需要在file.php文件中显示图表。我试图在index.php中创建它,然后克隆它,但这也不起作用。

因此,我再次尝试在index.php中加载file.php,但index.php中的谷歌日历javascript不会加载到index.php 中的div

有什么帮助或建议吗?

我不完全理解这个问题,但也许你应该在$.get-的回调中初始化日历

    google.load("visualization", "1", {packages:["corechart"]});
    google.setOnLoadCallback(drawChart);
    function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Task');
        data.addColumn('number', 'Hours per Day');
        data.addRows([
          ['Work',    11],
          ['Eat',      2],
          ['Commute',  2],
          ['Watch TV', 2],
          ['Sleep',    7]
        ]);
        var options = {
          title: 'My Daily Activities'
        };

        $.get('file.php', function show_province(e){
            $('#insidefolders').html(e);
        var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
        chart.draw(data, options);
        });