Ajouter des éléments à un array

Version imprimable

3 pièce(s) jointe(s)

Bonjour,

Je m'excuse mais j'ai une question bête.

J'ai ce modèle
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 datas = []; // Pour vider datas lors de chaque interaction datas = { labels: [], datasets: [ { label: 'Dataset 1', data: []//, //borderColor: [], //backgroundColor: [], } ] };
Je dois remplir labels et data

Pour remplir labels, pas de problèmes
Code:

1 2 datas['labels'].push($(this).attr('data-x'));
Maintenant pour remplir data, j'ai des problèmes. J'ai essayé ceci

Code:

datas['datasets'].data.push($(this).attr('data-y'));

Citation:

datas.datasets.data is undefined

Code:

datas['datasets'][0]['data'].push($(this).attr('data-y'));

La ca va un peu mieux, mais apparement le format n'est pas OK

Si je fais un console.log(data), j'ai ceci

Pièce jointe 623330

Mais si je compare avec un code PHP qui construit ce array, le console.log m'affiche ceci

Pièce jointe 623333

Vous voyez que le datasets est un object et non array, contrairement à ma première image.
donc ceci est faux

Code:

datas['datasets'][0]['data'].push($(this).attr('data-y'));

si j'essaye

Code:

datas['datasets'][0].data.push($(this).attr('data-y'));

J'ai encore

Pièce jointe 623332

Mais ou est donc mon erreur?

Merci

05/08/2022, 05h45
mathieu

d'après le modèle, datas['datasets'] est bien une liste. vous avez peut-être un souci avec le modèle que vous souhaitez obtenir ?

Ben, il y a surement un truc que j'ai mal interpreté
J'ai réussi comme cela (entre temps, j'ai ajouté du code)

Code:

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
 
$('#charts .container').each(function(){
 
 
                l_abels=[];
                d_ata=[];
                unit="";
 
                sensor_id_class = 'sensor-' + $(this).attr('data-idsensor');
 
                $('.' + sensor_id_class + ' .data').each(function(){
                    console.log("\tx: ",$(this).data('x'));
                    l_abels.push($(this).data('x'));
                    //datas['labels'].push($(this).attr('data-x'));
                    console.log("\ty: ",$(this).data('y'));
 
                    d_ata.push(parseFloat($(this).data('y').replaceAll(',', '.')).toFixed(2));
 
                    unit = $(this).data('unit');
                    datasets = [{
                        label : $(this).data('sensor_longname'),
                        data : d_ata,
                        borderColor: "rgba(" + $(this).data('bordercolor') + ",1)",
                        backgroundColor: "rgba(" + $(this).data('backgroundcolor') + ",1)",
                        type: $(this).data('chart_style'),
                        borderWidth: $(this).data('chart_borderwidth'),
                        showLine:$(this).data('showline'),
                        pointHoverRadius:$(this).data('chart_pointhoverradius'),
                        pointRadius:$(this).data('chart_pointradius'),
                        fill:$(this).data('chart_fill'),
                    }]
 
                });
 
 
                console.log("l_abels: ",l_abels)
                console.log("d_atas", d_ata)
 
                datas = {
                  labels: l_abels,
                  datasets : datasets,
                };

Ca marche, mais peut-être qu'on peut faire mieux

05/08/2022, 15h22
NoSmoking

Bonjour,
tu peux récupérer tous les attributs data-xx en une seule fois en faisant :

Code:

const objData = $(this).data();

tu gagneras déjà en lisibilité en supprimant tous tes $(this).data.