Discussion :

[alexzebaze]

bonjour je reviens avec un autre sujet.
en fait j essais de generer les graph avec la librerie morris.js, pour cela,
j ai renvoyé un objet json ( outgoingmobiles )dans ma page twig depuis mon controller.
quand je fais donc un {{dump(outgoingmobiles)}} ou un {{outgoingmobiles}} j ai bien le resultat attendu; ceci:

Code :

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

1
2
3
4
5
6
7
8
[
{"startTime":"2016-06-09 00:00:00","callAttempts":2036},
{"startTime":"2016-06-10 00:00:00","callAttempts":2132},
{"startTime":"2016-06-11 00:00:00","callAttempts":2100},
{"startTime":"2016-06-12 00:00:00","callAttempts":1407},
{"startTime":"2016-06-13 00:00:00","callAttempts":2137},
{"startTime":"2016-06-14 00:00:00","callAttempts":2055},
{"startTime":"2016-06-15 00:00:00","callAttempts":2039}]

mais quand je lui passe à fonction morris() commee ceci:

Code :

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

1
2
3
4
5
6
7
8
9
10
		<script type="text/javascript">
    	var elt = {{outgoingmobiles|json_encode()|raw}};
 
			  Morris.Bar({ element: 'tutoriel',
			                data:elt, //objet json
			                xkey:'startTime',
			                ykeys:['callAttempts'],
			                labels:['vue']
			  });
		</script>

je n ai aucun resultat mais quand je copie le resultat du {{dump(outgoingmobiles)}} affiché sur mon navigateur et que je le passe en dure à mon var elt comme ceci:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
       {% set data [
           {"startTime":"2016-06-09 00:00:00","callAttempts":2036},
            {"startTime":"2016-06-10 00:00:00","callAttempts":2132},
            {"startTime":"2016-06-11 00:00:00","callAttempts":2100},
            {"startTime":"2016-06-12 00:00:00","callAttempts":1407},
           {"startTime":"2016-06-13 00:00:00","callAttempts":2137},
          {"startTime":"2016-06-14 00:00:00","callAttempts":2055},
          {"startTime":"2016-06-15 00:00:00","callAttempts":2039}
        ] %}
	<script type="text/javascript">
    	var elt = {{data|json_encode()|raw}};
 
			  Morris.Bar({ element: 'tutoriel',
			                data:elt, //objet json
			                xkey:'startTime',
			                ykeys:['callAttempts'],
			                labels:['vue']
			  });
		</script>

cela me genere mon graph.
je ne comprend pas ce qui ce passe. quelqu'un peux m aider svp?

[dukoid]

Code :

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

1
2
 
var elt = {{outgoingmobiles|json_encode()|raw}};

tu encodes outgoingmobiles en json alors qu'il est déjà en json
ensuite outgoingmobiles tu appliques raw donc tu lui dit d'interpreter les balises, mais quelle balise ??? c'est du json

bref 2 choses inutiles !!!

[alexzebaze]

oui je sais c est un peu bizar de d encoder outgoingmobiles mobile alors que c est deja du json mais tu vas trouver encore plus bizar quand je te dis qu apres avois copié le resultat affiché apres mon {{dump(outgoingmobiles)}}; et passé en dure à mon {% set data[]= [... //contenu de mon json ]%} ;
lorsque je fais dans mon javascript ceci :

Code :

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

var elt = {{data}};

je n ai pas mon resultat. mais lorsque je fais ceci:

Code :

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

var elt = {{data|json_encode()|raw}};

j obtien le resultat attendu, pourtant tout comme outgoingmobile, data est aussi du json.
en ce qui conserne le var elt = {{outgoingmobiles|json_encode()|raw}}; meme lorsque je fais sans mettre le |json_encode()|raw ou san le |raw, j ai toujours rien.
j ai jamais eu une erreur aussi bizar.

[alexzebaze]

une derniere chose quand je fais {{data[0].startTime}} j ai le temps mais quand je fais {{outgoingmobiles[0].startTime}} j ai rien.
queske tu en dis?

[dukoid]

pour voir la structure tu peux faire un dump.

Code :

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

1
2
 
{{ dump(outgoingmobiles) }}

analyse la structure...

[alexzebaze]

oui je l ai fais plus haut et j ai eu ceci comme resultat:

Code :

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

1
2
3
4
5
6
7
8
string(1625) "[
{"startTime":"2016-06-09 00:00:00","callAttempts":2036},
{"startTime":"2016-06-10 00:00:00","callAttempts":2132},
{"startTime":"2016-06-11 00:00:00","callAttempts":2100},
{"startTime":"2016-06-12 00:00:00","callAttempts":1407},
{"startTime":"2016-06-13 00:00:00","callAttempts":2137},
{"startTime":"2016-06-14 00:00:00","callAttempts":2055},
{"startTime":"2016-06-15 00:00:00","callAttempts":2039}]"

j esper que c est pas le petit string du debut qui est la cause du probleme.