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
Vous devez vous connecter pour publier un commentaire.
Je crois que votre problème est dans l'ordre que vous avez inclus les scripts. Essayez de placer jQuery première:
Démo (de travail /pas de travail).
Mise à jour: pour charger vos données de MySQL à l'aide de PHP, consultez cet exemple. Cependant, comme vous l'avez souligné vous-même, l'encodage à l'aide de JSON peut être une meilleure option:
Ce dernier
echo
peut être utilisé pour le retour de l'ensemble du tableau à l'aide d'ajax (comme lié exemple ci-dessus), ou lors de la génération de la page elle-même (c'est à dire "coder en dur" dans le script):Cela permettra de travailler depuis votre tableau, lorsque encodé en JSON, peut être utilisée à la place du JavaScript littéral (et le
json_encode
doit prendre soin de s'échapper de tout, de prévenir les vulnérabilités XSS).href="http://blueflame-software.com/blog/using-highcharts-with-php-and-mysql/" >ceci ressemble à une bonne ressource
voir la requête que je vais utiliser est : SELECT SUM( score ) , la nationalité DE détails GROUPE PAR nationalité LIMIT 0 , 30 je veux savoir comment faire pour utiliser la valeur récupérée à partir d'ici en javascript.
serez-vous de charger les données du graphique à l'aide d'ajax, ou l'inclure directement sur la page? La ressource j'ai relié avant montre un exemple complet d'utilisation de PHP, mais si vous avez besoin de plus d'aide, veuillez mettre à jour votre question avec le code que vous avez jusqu'à présent.
je pensais obtenir la valeur de mysql à l'aide de php, puis utiliser json de coder et de transmettre à javascript. Je voudrais savoir comment l'utiliser en tant que tableau associatif et comment donner les valeurs de javascript si elle peut tracer le graphe. Le graphique devrait montrer le pays sur la base de la partition.
OriginalL'auteur mgibsonbr
L'ordre de y compris le javascript doit être:
Par cela, je veux dire, vous devez inclure la librairie jQuery avant toute autre script.
et savez-vous comment prendre des valeurs de mysql à l'aide de php et de la passer sur cette ? le formatt de données de mysql est comme suit: 24 Afghanisthan 6 Iran 11 KSA 21 Pakistan 14 ÉMIRATS arabes unis
voir la requête que je vais utiliser est : SELECT SUM( score ) , la nationalité DE détails GROUPE PAR nationalité LIMIT 0 , 30 je veux savoir comment faire pour utiliser la valeur récupérée à partir d'ici en javascript.
OriginalL'auteur Radu T