Discussion :

[pbury58]

Bonjour,

Je souhaiterais avoir un petit coup de main dans mes créations de graphiques highcharts.
Je souhaite définir xAxis, yAxis, ... au sein de ma page php appelée via ajax pour pouvoir personnaliser pour chaque graphe ces valeurs.

Donc côté php ça donne ça :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
$result['xAxis'] = "{
title: {
enabled: true,
text: 'Semaines'
},
allowDecimals: false,
showEmpty: false,
tickInterval: 1
}";

Et côté javascript :

Code :

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

1
2
3
4
5
6
7
8
9
 
var XAXIS = a_data.xAxis //valant $result['xAxis'];
 
$('#'+cible).highcharts({
...
...
xAxis: XAXIS,
...
...

contenu de console.log(XAXIS) :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
{
							title: {
		                	enabled: true,
		                	text: 'Semaines'
		                	},
		                	allowDecimals: false,
		                	showEmpty: false,
		                	tickInterval: 1
						}

Malheureusement rien à faire, le code js tombe en erreur (Uncaught Highcharts error #18: www.highcharts.com/errors/18) ou ne tiens pas compte de xAxis comme si il y avait des caractères mal pris en compte ou truc du genre.

Merci d'avance pour votre aide

[Watilin]

On ne voit pas les parties intéressantes dans ton code.

Côté PHP : comment tu envoies $result au client ? Est-ce que tu utilises json_encode ? Ou une fonction d'un framework ?

Côté JS : c'est quoi a_data ? Comment tu le crées ? Et montre-nous l'appel highcharts() en entier.

[SpaceFrog]

Tu est certians que la réponses ajax ne contient QUE le json ?
regarde en console dans l'onglet xhr .

Il se peut que tu aies des caractères parasites comme un espace ou du BOM ...

[pbury58]

Hello Hello,

Désolé pas pu revenir vers vous avant.
Bon c'est moi qui suis à l'ouest...

En fait highcharts attend un array en arrivée donc avec ça côté php ça marche beaucoup mieux :

Code :

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

1
2
3
4
5
6
 
$result['xAxis'] = array();
$result['xAxis']['title'] = array("enabled"=>true,"text"=>"Semaines");
$result['xAxis']['allowDecimals'] = false;
$result['xAxis']['showEmpty'] = false;
$result['xAxis']['tickInterval'] = 1;

Résolu du coup.

Merci à vous pour vos posts.