Highcharts pas afficher quoi que ce soit juste vide de la page html

J'ai essayé d'utiliser l'exemple donné dans highcharts site web. Mais quand je l'utilise tout ce que je reçois est une page html vide. Quelqu'un merci de m'aider avec le code. Je ne comprends pas pourquoi le code ne se charge pas correctement s'il vous plaît me dire si je dois ajouter quelque chose en plus de cela, et s'il vous plaît laissez-moi savoir comment utiliser un tableau php pour faire ce travail graphique aussi

<html>
<head>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"       type="text/javascript"></script> 
<script>
$(function () {
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
},
title: {
text: 'Browser market shares at a specific website, 2010'
},
tooltip: {
pointFormat: '{series.name}: <b>{point.percentage}%</b>',
percentageDecimals: 1
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
color: '#000000',
connectorColor: '#000000',
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %';
}
}
}
},
series: [{
type: 'pie',
name: 'Browser share',
data: [
['Firefox',   45.0],
['IE',       26.8],
{
name: 'Chrome',
y: 12.8,
sliced: true,
selected: true
},
['Safari',    8.5],
['Opera',     6.2],
['Others',   0.7]
]
}]
});
});
});
</script>
</head>
<body>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
</body>
</html>

OriginalL'auteur | 2013-03-02