lecture des variables pour graph highchart

Bonjour,

Je cherche à dynamiser mes graph en utilisant ajax et donc j'arrive à transmettre mes variables à mon php qui execute le code et me fait un retour
de mes chaines par un "echo".

J'ai plusieurs variables à retourner de ce code php donc de la maniere suivante coté serveur:

Code:

---

1 2 3 4 5 6 7 8 9 10

$json0= $resultat_moyenne_agence; $json1= $resultat_titre_axe; $json2= $resultat_agence_maxi; $json3= $resultat_agence_mini;     echo $json0.'/'; echo $json1.'/'; echo $json2.'/'; echo $json3;

---

Et pour la lecture dans mon js je récupere de la façon suivante:

Code:

---

1 2 3 4 5

a=data.split('/'); alert(a[0]); alert(a[1]); alert(a[2]); alert(a[3]);

---

Je récupere bien mes 4 chaines comme ceci:
"1.2,6.7,8.0"
"1.3,3.7,5.0"
"1.5,1.7,0"
"1.8,9.7,9"

C'est ici que je bloque car pour highchart le retour de ces variables ne sont pas intérpretées comme des nombres.

Je souhaite savoir si sur la partie de récupération il est possible de faire une mise en forme des données pour l'intégration dans le graph?

D'avance merci

Cdlt

Plutôt que de renvoyer tes données séparées par des virgules, je te conseille d'utiliser le format JSON (tu as noté tes variables php ainsi, à tort, car cela ne semble pas être du JSON). C'est simple et facile à mettre en place. De plus, tes données seront prêtes à l'emploi coté JS

Merci pour ta réponse,

effectivement j'avais vu cet article, et donc avec la méthode "encode"
j'ai le même résultat, le graph ne charge pas.

Je pense que je dois faire fausse route, en gros voici ce que je veux faire:

Dans l'execution de mon code php j'ai 4 boucles différentes qui me donne 4 séries sous la forme

Code:

---

1 2 3 4

while($data=mysql_fetch_array($result1)){ $tableau1[]=$data['valeur1']; }

---

Et c'est à la fin que je souhaite transmettre ces 4 variables sous la forme d'une serie:

Code:

---

1 2	$resultat_moyenne_agence=implode(",", $tableau1);

---

je ne souhaite pas avoir la forme ci_dessous:
array("resultat1"=>1"autre"=>3 etc)
mais une serie à transmettre en retour
array(1.2,3.5 etc..)

c'est il possible à réaliser?

Cdlt

Le problème à l'heure actuelle c'est que tu récupères une string en Javascript. Il faut que tu transformes chaque nombre de ta liste en type Number puis ensuite les remettre dans un tableau. :

Code:

---

1 2	var num = parseFloat('1.02'); console.log(typeof num);

---

Mais je pense que la meilleure solution à mettre en place est :
- Passer les variables de PHP à Javascript grâce à json_encode.
- Une fois que tu as le JSON, tu peux en faire ce que tu veux

Exemple :
En PHP, tu places tes quatre tableaux dans un seul puis tu encodes en JSON ce qui te fourniras un tableau Javascript contenant lui même quatre tableaux. Surtout ne transforme pas tes tableaux sous forme de série dans le PHP, laisse Javascript gérer cela.

Code:

---

1 2 3 4

$arr = array($tableau1, $tableau2, $tableau3, $tableau4);   echo 'var arr = '. json_encode($arr); // var arr = [ [1.2, 6.7, 8.0], [1.3, 3.7, 5.0], [1.5, 1.7, 0], [1.8, 9.7, 9] ]

---

En Javascript :

Code:

---

1 2 3 4 5 6 7 8 9

var arr = [ [1.2, 6.7, 8.0], [1.3, 3.7, 5.0], [1.5, 1.7, 0], [1.8, 9.7, 9] ]; for (var i = 0; i < arr.length; i++) console.log(arr[i]);   // Tu as bien tes quatre tableaux parés à être manipulés avec highcharts // [1.2, 6.7, 8] // [1.3, 3.7, 5] // [1.5, 1.7, 0] // [1.8, 9.7, 9]

---

Merci pour ce retour détaillé,

Bon, j'ai fait une batterie de test et la conclusion c'est que l'affichage dans une "alert()" montre que ma chaine de mon tableau est nickel par rapport à ton exemple.

Sauf quand je fais:

Code:

---

1 2 3

for (var i = 0; i < arr.length; i++) console.log(arr[i]);

---

Il me trouve plus de 70 éléments?? Si je remets le code en dur je retrouve bien mes 4 tableau de départ.

En php:

Code:

---

1 2 3

$arr = array($moyenne_agence, $agence_maxi, $agence_mini); //print_r($moyenne_agence); echo 'var arr = '.json_encode($arr);

---

Avec print_r en php voici le retour de mon array consolidé (ex: avec 3 tb):
Array ( [0] => Array ( [0] => 7.5 [1] => 8.2 [2] => 7.7 ) [1] => Array ( [0] => 31.5 [1] => 18.5 [2] => 37.2 ) [2] => Array ( [0] => 1.6 [1] => 1.6 [2] => 1.6 ) )

Voici mon retour en js:

Code:

---

1 2 3 4 5 6 7 8 9 10 11

$.ajax({ type : 'POST', url : 'agence_json.php', data : 'typologie='+typologie+'&& date_debut='+date_debut+'&& date_fin='+date_fin+'&& titre='+nomappli, success: function(data) { //je vois ma array sous la forme souhaité alert(data);   //var arr = [ [1.2, 6.7, 8.0], [1.3, 3.7, 5.0], [1.5, 1.7, 0], [1.8, 9.7, 9] ]; for (var i = 0; i < arr.length; i++) alert(arr[i]);

---

Si tu vois une erreur?

On va mettre ça sur le compte du vendredi, hein ? :D

Code:

---

1 2 3 4 5 6 7 8

success: function(data) { //je vois ma array sous la forme souhaité alert(data); //var arr = [ [1.2, 6.7, 8.0], [1.3, 3.7, 5.0], [1.5, 1.7, 0], [1.8, 9.7, 9] ]; for (var i = 0; i < arr.length; i++) alert(arr[i]); }

---

Sans parler de la ligne

Code:

---

data : 'typologie='+typologie+'&& date_debut='+date_debut+'&& date_fin='+date_fin+'&& titre='+nomappli

---

:whistle:

Non, c'est juste une erreur dans ma recopie (Avec tous ces tests...:mrgreen:):

Code:

---

1 2 3 4 5 6 7 8 9 10

success: function(data) { //je vois ma array sous la forme souhaité   alert(data);   //data = [ [1.2, 6.7, 8.0], [1.3, 3.7, 5.0], [1.5, 1.7, 0] ];   for (var i = 0; i < data.length; i++) alert(data[i]); }

---

Et php:

Code:

---

1 2 3

$arr = array($moyenne_agence, $agence_maxi, $agence_mini); //echo 'var arr = '.json_encode($arr); echo json_encode($arr);

---

Le résultat reste le même.

:oops: J'aurais du m'en douter avec cette phrase.

Citation:

---

Il me trouve plus de 70 éléments??

---

En fait, data est une chaine de caractères. Donc la boucle va passer caractère par caractère ... il faut ré-encoder la chaine en JSON.

Code:

---

1 2 3

var arr = JSON.parse(data); for (var i = 0; i < arr.length; i++) console.log(arr[i]);

---

Pas forcément, mais au moins préciser un

Code:

---

dataType: 'json',

---

dans la requête, ou mieux, utiliser $.getJSON().

Dans la même serie:

Code:

---

var arr = jQuery.parseJSON(data);

---

Effectivement je retrouve mes 4 éléments bien présentés!

Ils se chargent dans le highchart mais comme depuis le début de mon post il intérprête la chaine en string et non en nombre!! par exemple sur mes trois series il prend en compte que les dernier chiffres de chaque serie.

[ [1.2, 6.7, 8.0], [1.3, 3.7, 5.0], [1.5, 1.7, 0] ];

Code:

---

1 2 3

for (var i = 0; i < data.length; i++) alert(data[i]); }

---

Je tourne en boucle sur cette méthode pourtant je suis certain que la solution est évidente!

Bonjour,
essaie un echo json_encode($arr, JSON_NUMERIC_CHECK);.

Pour répondre à NoSmoking, cette commande fonctionne à partir de:
"5.3.3 L'option JSON_NUMERIC_CHECK a été ajoutée."
Ma version est inférieur =>PHP Version 5.2.9.

Pour le json_encode je ne vois vraiment pas ce qui me bloque,
la version compatible démarre à partir de:
json_encode
"(PHP 5 >= 5.2.0, PECL json >= 1.2.0)"

Si quelqu'un est en mesure de m'expliquer pourquoi le retour de chaine en string n'est pas modifiable sous forme de serie??

Cdlt

C'est bon j'ai trouvé!!

Une histoire de double croches dans la serie du highchart...je savais bien qu'il y avait une solution.

Le code php avec une serie sous la forme suivante:
[A]=>1 [B]=>2 etc...

Code:

---

1 2	$arr = array($moyenne_agence, $agence_maxi, $agence_mini,$titre_axe); echo json_encode($arr);

---

Retour en js:

Code:

---

1 2 3 4 5 6

success: function(data) {   //alert(data); var arr = jQuery.parseJSON(data); for (var i = 0; i < arr.length; i++) //alert(arr[i]);

---

Et le hightchart en js:

Code:

---

1 2 3 4 5 6

series: [ {name:'MAXI',data: arr[0]}, {name: 'AGENCE',data: arr[1]}, {name: 'MINI',data: arr[2]} ]

---

Merci à tous vos pistes..:ccool:

Cdlt