Discussion :

[Bensljul]

Bonjour,

je souhaite générer dynamiquement des graphiques en fonction de valeurs contenus dans un JSON, j'ai presque tout réussi mais il me manque une dernière brique..
pour faire simple, j'ai un JSON de cette forme :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
{
"09-07-19":{
     "200":100,
      "502":10,
},
"10-07-19":{
     "200":1000,
    " 502":200
}
}

J'ai un array avec les dates ça pas de soucis et j'aimerais regrouper les données de chaque 'code apache' et créer un array de cette forme :

Code :

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

[{label:200 , data: [100,1000]},{label:502,data:[10,200]}]

Cependant je bloque un peu ^^

Si quelqu'un peut m'éclairer je lui en serais très reconnaissant

Merci

[SpaceFrog]

une boucle .each() sur chacun des element et sous elements du json ...

[Bensljul]

Oui c'est ce que je fais, mais je n'arrive pas à rassembler chaque "200" par exemple,

en plus je viens de me rendre compte que j'ai pas sauvegardé mes essais d'hier XD

je met mon js en PJ

[Toufik83]

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
 
let json = {
  "09-07-19": {
    "200": 100,
    "502": 10,
  },
  "10-07-19": {
    "200": 1000,
    "502": 200
  }
},
tab=[{label:'200',data:[]},{label:'502',data:[]}];
$.each(json,function(key,value){
    tab[0]['data'].push(value['200']);
    tab[1]['data'].push(value['502']);
});
console.log(tab);

[Bensljul]

Re bonjour,

je n'y arrive toujours pas ^^ j'aiessayer ce code qui n'a pas fonctionné lol :

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
 
$(document).ready(function(){
	//Fonction pour enlever les doublons
	function removeDuplicates(num) {
	  let x;
	  const len=num.length;
	  const out=[];
	  const obj={};
 
	  for (x=0; x<len; x++) {
		obj[num[x]]=0;
	  }
	  for (x in obj) {
		out.push(x);
	  }
	  return out;
	};
 
// TEST sur json simplifié
 
	$.getJSON('test.json',function(test,value){
		// console.log(test);
		var date_value=[],
				data_value=[],
				codeapache_value=[],
				tmp_code=[];
		$.each(test,function(date){
			date_value.push(date)
			$.each(test[date],function(codeapache,nombre){
					tmp_code.push(codeapache);
			});
		});
		codeapache_value=removeDuplicates(tmp_code);
		// console.log(codeapache_value);
		for (var elem in codeapache_value) {
				// console.log(codeapache_value[elem]);
					data_value.push('{label:'+codeapache_value[elem]+',data:[]}');
			};
 
		console.log(data_value[0]['label']);
 
 
		// $.each (test,function(date){
		// 	$.each(test[date],function(codeapache,value){
		// 		for (var elem2 in data_value){
		// 			data_value[elem2]['data'].push(value[codeapache]);
		// 		};
		// 	});
		// });
		// console.log(data_value);
	});	
	// Création du dataset
 
 
});

[Toufik83]

Salut,

Le code que tu as écrit c'est du n'importe quoi .

Le plus simple :

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
 
$(document).ready(function(){
 
	var result=[],ref=['200','502'];
 
	$.getJSON('test.json',function(test){
		$.map(ref,function(label){
			result.push({
				label:label,
				data:$.map(test,function(value){
					   return value[label];
					})
			});
		});
	});	
	console.log("result:",result);
 
});

Ou bien avec la syntaxe javascript d'aujourd'hui

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
 
$(document).ready(()=>{
 
	var result=[],ref=['200','502'];
 
	$.getJSON('test.json',test=>{
		$.map(ref,label=>{
			result.push({
				label:label,
				data:$.map(test,value=>{
					   return value[label];
					})
			});
		});
	});	
	console.log("result:",result);
 
});