Question

我有一个页面，其中包含许多用经典php编写的查询。在页面上我显示了两个图表。一切都很好。但是现在我必须从页面中删除这些图表并在页面加载时加载它们，因为已经加载太多（查询等）这就是我正在做的事情。

$(window).load(function(){
    $('#charts').load('includes/charts.php');
})

<div id='charts'></div>

这应该在加载完成后加载图表。这是我的chart.php代码。

<?php 
    //here is some php which runs queries thats fine no problem i have checked step by step
?>
<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([['Calls Type', 'Call Number'],<?php echo $totalcalls ?>]);
        var options = {
            title: 'TRAFFIC SUMMARY',
            slices: {0: {color: '#006EFF'}, 1:{color: 'green'} }
        };
        var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
        chart.draw(data, options);
    }
</script>
<div id="chart_div" style="width: 320px; height: 180px;"></div>

行。如果我直接调用此文件一切正常，但当我使用$ .load调用它时我的页面重定向并说google未定义。有什么问题，为什么我无法通过$ .load加载图表？请帮忙。

jquery .load加载图表重定向，并说谷歌没有定义

0 个答案: