Discussion :

[pierrot10]

Bonjour,

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

J'ai ce modèle

Code javascript :

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

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 javascript :

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

1
2
 
datas['labels'].push($(this).attr('data-x'));

Maintenant pour remplir data, j'ai des problèmes. J'ai essayé ceci

Code javascript :

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

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

datas.datasets.data is undefined

Code javascript :

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

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



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



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

Code javascript :

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

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

si j'essaye

Code javascript :

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

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

J'ai encore



Mais ou est donc mon erreur?

Merci

[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 ?

[pierrot10]

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 javascript :

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
 
$('#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

[NoSmoking]

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

Code :

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

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

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