Php et MySQL avec Highchart
Quelqu'un peut m'aider. Je suis nouveau en php et highcharts. J'ai essayé de remplir mon tableau à l'aide de mysql et php, mais quand j'ai essayé de l'exécuter, le graphique ne s'affiche pas, je ne l'ess une page web vierge. Et il n'y a aucune erreur n'est apparue.
Son de mes codes (désolé pour le code désordre):
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Highcharts Example</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="../../js/highcharts.js"></script>
<script src="../../js/modules/exporting.js"></script>
</head>
<body>
<?php
include "config.php";
$SQL1 = "SELECT * FROM pos";
$result1 = mysql_query($SQL1);
$data1 = array();
while ($row = mysql_fetch_array($result1)) {
$data1[] = $row['name'];
$data2[] = $row['Qty'];
}
?>
<script type="text/javascript">
$(function () {
$('#container').highcharts({
chart: {
type: 'column',
margin: [ 50, 50, 100, 80]
},
title: {
text: 'List of POS'
},
credits: {
enabled: false
},
xAxis: {
categories: [<?php echo join($data1, "','"); ?>],
labels: {
rotation: -45,
align: 'right',
style: {
fontSize: '13px',
fontFamily: 'Verdana, sans-serif'
}
}
},
yAxis: {
min: 0,
title: {
text: 'No. of Ticket'
}
},
legend: {
enabled: false,
layout: 'vertical',
backgroundColor: '#FFFFFF',
align: 'left',
verticalAlign: 'top',
x: 50,
y: 35,
floating: true,
shadow: true
},
tooltip: {
pointFormat: '<b>{point.y:.1f} tickets</b>',
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0
}
},
series: [{
name: 'Qty',
data: ['<?php echo join($data2, "','"); ?>'],
dataLabels: {
enabled: true,
rotation: -90,
color: '#FFFFFF',
align: 'right',
x: 4,
y: 10,
style: {
fontSize: '13px',
fontFamily: 'Verdana, sans-serif',
textShadow: '0 0 3px black',
}
}
}]
});
});
</script>
<div id="container" style="min-width: 500px; height: 400px; margin: 0 auto"></div>
</body>
</html>
Et voici mon config.php
<?php
$mysql_hostname = "localhost";
$mysql_user = "root";
$mysql_password = "";
$mysql_database = "pos";
$prefix = "";
$bd = mysql_connect($mysql_hostname, $mysql_user, $mysql_password) or die("Could not connect database");
mysql_select_db($mysql_database, $bd) or die("Could not select database");
?>
- Si vous affichez le code source de la page web de votre tentez d'afficher cela, faut-il montrer à tout le JavaScript correctement? C'est un moyen facile de savoir si vous avez un problème php ou JavaScript un
- Comment est-ce que votre json ressembler? peut montrer que ce qui est écrit?
- Je n'ai pas de fichier json, au lieu de codage direct dans mysql et php
- Prenez regarder les approches similaires de la rubrique highcharts.com/docs/working-with-data/.... Je le conseil à retour json dans votre fichier php, puis de charger json par jquery. Vous serez assuré que toutes les valeurs sont correctes.
Vous devez vous connecter pour publier un commentaire.
Pages blanches signifient généralement des erreurs de syntaxe. Vous devez passer
error_reporting
sur.Les erreurs dans l'utilisation de votre
echo
états où vous construisez le json. L'erreur est que vous êtes absent semi-points dans les deuxecho
consolidés.Remplacer
<?php echo join($data1, ',') ?>
avec<?php echo join($data1, ','); ?>
De même pour
$data2
:Remplacer
<?php echo join($data2, ',') ?>
avec<?php echo join($data2, ','); ?>
Une autre amélioration que vous pouvez faire dans le bloc suivant:
Au lieu de l'exécution de la requête à deux reprises pour la construction de deux tableaux, on pouvait se débarrasser de l'une des requêtes et créer des tableaux à partir de la même résultat de la requête:
Remarque: Le
php
mysql
extension est obsolète depuis PHP 5.5.0, vous devriez utiliser MySQLi ou PDO_MySQL.Config.php
?<?php echo join($data1, "','"); ?>
avec des guillemets simples, comme vous l'avez fait pour<?php echo join($data2, "','"); ?>
Je pense que votre supposé avoir des guillemets simples autour de cette
Devrait être
S'il vous plaît Essayer Exemple comme ci-dessous. Je pense qu'il peut vous aider à
Table SQL
Ici, nous avons Créer un nouveau tableau et insérer des données. Maintenant des Données sera comme ci-dessous
index.php
setup.js
s permet d'importer des données à partir
mysql
dedata.php
et ajouter à la graphique, qui est de créer déjà en js.data.php
notre tableau est entièrement chargé .avec mysql enregistre les sorties et regarder li-dessous
Sortie
l'exemple de la zone de graphique, vous pouvez modifier le type de graphique en changeant defaultSeriesType: "surface",
Cliquez Ici pour plus d'Exemple avec la source.
Même si c'est un vieux thread, cela peut n'avoir rien à faire avec Highcharts, je v juste de noter le dernier membre de phrase dans votre message d'erreur:
typiquement a à faire avec une requête qui ne parvient pas retourner FALSE au lieu d'un ensemble de lignes. Vous devriez jeter un oeil à ce une question relative à la.