Discussion :

[Geo-x]

Bonjour @ tous.

Je me suis un peu emmêlé les pinceaux au niveau de l'utilisation du JSON par HighCharts. J'ai essayé as mal de techniques différentes mais je n'arrive pas au résultat souhaité.

Mon problème :

1- Lors d'un événement OnClick Ajax appel un fichier PHP qui génère un JSON qui ressemble à ça :

{"col0":["TROUILLE","BOUILLE"],"col1":[4,1],"col2":[6.35,1.59]}

2- Maintenant ce que je voudrais faire c'est choisir certaines colonnes, comme par exemple "col1" pour l'axe des X et "col2" pour l'axe des Y. J'ai donc fais un test rapido

param_connection : Contient les paramètres de connexion à ma BDD

options : Contient les options d'affichage de mon graphique

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
$.post(
    "file_json.php",
    param_connection,
    function(json) {
    	options.credits = {enabled: false};
    	options.series = json;
    	chart = new Highcharts.Chart(options);}, 
"json");

Ce code ne donne, vous l'aurez deviné ... rien .

En revanche si je génére un fichier JSON du type : [["TROUILLE",4],["BOUILLE",1]], là aucun problème en mettant : options.series[0].data = json;

Merci pour votre aide !

Geo-x

[NoSmoking]

Bonjour,
ce qui me surprend est que tu ne retournes pas les données au bon format pour une exploitation directe.

Tu peux bien sûr le faire coté client en parcourant l'objet et en "recalant" les valeurs.

Par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
var obj = {"col0":["TROUILLE","BOUILLE"],"col1":[4,1],"col2":[6.35,1.59]};
var a = [],
    b = [];
for( var ind in obj){
  a.push(obj[ind][0]);
  b.push(obj[ind][1]);
}
console.log('retour  :', obj);
console.log('série 1 :', a);
console.log('série 2 :', b);