Discussion :

[rahma2]

Bonjour,
je suis en train de développer une application web avec spring Mvc et j'essaye de présenter des données à partir de la base des données dans ce graphe bootstrap

comme vous voyer du lien précédent ,voici le code javascript qui contient les données statiques affichées dans le graphe :

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
$.getScript('http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js',function(){
  $.getScript('http://cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.0/morris.min.js',function(){
 
Morris.Area({
element: 'area-example',
data: [
  { y: '1.1.', a: 100, b: 90 },
  { y: '2.1.', a: 75,  b: 65 },
  { y: '3.1.', a: 50,  b: 40 },
  { y: '4.1.', a: 75,  b: 65 },
  { y: '5.1.', a: 50,  b: 40 },
  { y: '6.1.', a: 75,  b: 65 },
  { y: '7.1.', a: 100, b: 90 }
],
xkey: 'y',
ykeys: ['a', 'b'],
labels: ['Series A', 'Series B']
});

ce que je veux faire c'est d'afficher des données de la base à la place des données statiques de l'exemple.

j'ai essayé d'extraire les données à partir de la base et les transformer en json pour que ça soit vu par le javascript. voici qu'est ce que j'ai récupéré:

Code :

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

1
2
[{"time":11:01,"val1":"123","val2":"124","val3":"11","val4":"140","val5":"100"},
{"time":11:11,"val1":"140","val2":"100","val3":"13","val4":"100","val5":"120"}]

Mon probléme c'est que je veux extraire les deux premières valeures et les afficher dans le graphe. je suis débutante en json et javascript et je sais pas comment extraire ces valeurs à partir de json et les mettres commes des variables pour javascript du graphe.

est ce que je suis déja sur le bon chemin ? toute aide est apprécié

[JujuPomme]

Bonjour,

Je vais te contourner ton problème :
- Pourquoi ne pas stocker ton JSON dans un fichier .txt, et le lire ensuite en le stockant dans une variable avec ton JS? A moins que ce soit problématique pour toi, dans l'immédiat et pour une utilisation simple, c'est le plus pratique et le plus facile à mettre en oeuvre !

Bon courage en tout cas

[rahma2]

merci @magicarpe44 pour ta réponse rapide

en fait, c'est plus compliqué pour moi de manipuler des fichiers textes dans le framework Spring MVC , mais si je trouve pas de solutions peut être je vais chercher sur la faisabilité de ça

[JujuPomme]

Pas de soucis.

Tout dépend au final de l'utilisation que tu veux en faire...

[SpaceFrog]

comment extraire des données de json et les mettre dans javascript ?

JSON = JavaScript Object Notation
donc un objet javascript ...
il est donc déja dans javascript

[sekaijin]

un servlet ou autre spring MVC qui produit les donnée en JSON
il existe plétore de lib pour faire ça
http://www.developer.com/lang/jscrip...ble-today.html
http://blog.xebia.fr/2010/08/18/comp...brairies-json/
http://eclipsesource.com/blogs/2013/...rser-for-java/
j'utilise /minimal-json-parser-for-java et jackson suivant le besoin

lorsque tu as fais ça tu as une url pour récupérer tes données en json

et en javascript tu fais un appel ajax sur cette url et lorsque les donnée arrive tu fais

Code :

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

Morris.Area(JSON.parse(xmlhttpreques.responseText));

A+JYT

[rahma2]

merci pour votre reponse, mais j'ai essayé avec votre proposition ça n'a pas marché

[sekaijin]

et ?