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é