这是地貌现象:
文件 1: 索引.php
...
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
...
<div class="mycontainer"></div>
<script>
$(function() {
$(".mycontainer").load("grafs.php");
});
</script>
文件 2 : wolfs.php
...
<script src="/js/highcharts.js"></script>
<script type="text/javascript">
var chart1; // globally available
$(document).ready(function() {
chart1 = new Highcharts.Chart({
chart: {
renderTo: mychart01 ,
type: bar
},
title: {
text: Fruit Consumption
},
xAxis: {
categories: [ Apples , Bananas , Oranges ]
},
yAxis: {
title: {
text: Fruit eaten
}
},
series: [{
name: Jane ,
data: [1, 0, 4]
}, {
name: John ,
data: [5, 7, 3]
}]
});
});
</script>
<div id="mychart01" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
This renders the DIV (mychart01) completely empty (blank). At the console there is no errors. If I run that piece of code from file 2 directly in file 1, the chart renders correctly. Can anyone point me what I m doing wrong here?