IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Morris Area Chart


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre actif
    Inscrit en
    Août 2008
    Messages
    57
    Détails du profil
    Informations forums :
    Inscription : Août 2008
    Messages : 57
    Par défaut Morris Area Chart
    Hello,

    Je teste actuellement l'API Google Analytics pour récupérer mes stats.
    J'arrive bien à récupérer les données, voici le JSON que j'ai
    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
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
     
    [ [ "20150621",
        "1435"
      ],
      [ "20150622",
        "1808"
      ],
      [ "20150623",
        "1640"
      ],
      [ "20150624",
        "1469"
      ],
      [ "20150625",
        "2433"
      ],
      [ "20150626",
        "1989"
      ],
      [ "20150627",
        "1592"
      ],
      [ "20150628",
        "1498"
      ],
      [ "20150629",
        "1730"
      ],
      [ "20150630",
        "1453"
      ],
      [ "20150701",
        "1858"
      ],
      [ "20150702",
        "1372"
      ],
      [ "20150703",
        "1289"
      ],
      [ "20150704",
        "1140"
      ],
      [ "20150705",
        "1526"
      ],
      [ "20150706",
        "1355"
      ],
      [ "20150707",
        "1306"
      ],
      [ "20150708",
        "1725"
      ],
      [ "20150709",
        "1550"
      ],
      [ "20150710",
        "1317"
      ],
      [ "20150711",
        "1439"
      ],
      [ "20150712",
        "1548"
      ],
      [ "20150713",
        "1744"
      ],
      [ "20150714",
        "1691"
      ],
      [ "20150715",
        "1676"
      ],
      [ "20150716",
        "1576"
      ],
      [ "20150717",
        "1437"
      ],
      [ "20150718",
        "1500"
      ],
      [ "20150719",
        "1845"
      ],
      [ "20150720",
        "1772"
      ],
      [ "20150721",
        "818"
      ]
    ]
    Maintenant, je souhaiterai mettre ces datas dans un graph, j'ai commencé à utiliser Morris Area Charts mais je suis un peu pommé sur comment intégrer mon json.
    Voila la manière dont mes données doivent être envoyées (exemple fournit avec le script):
    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
     
     data: [{
                period: '2010 Q1',
                iphone: 2666,
                ipad: null,
                itouch: 2647
            }, {
                period: '2010 Q2',
                iphone: 2778,
                ipad: 2294,
                itouch: 2441
            }, {
                period: '2010 Q3',
                iphone: 4912,
                ipad: 1969,
                itouch: 2501
            }]
    Merci de m'éclairer

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Bonjour,
    voici le JSON que j'ai
    ce que tu nous montres est un tableau de tableaux, il t'appartient donc de créer ton propre objet JSON en parcourant le tableau et en créant des objets auquels tu affectes une "key" attendu que tu as les "value" dans le tableau initial.

    Par exemple à partir de ce que tu nous montres tu pourrais faire un simple
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    var tabObj = [],
        i, nb = data.length; // en supposant que data soit ton tableau de départ
    for( i=0; i < nb; i++){
      tabObj.push({
        'date'   : data[i][0],
        'valeur' : data[i][1]
      });
    }
    au final tu devrais te retrouver avec un objet de ce type
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    tabObj = [
      {date:"20150621", valeur:"1435"},
      {date:"20150624", valeur:"1469"},
      // ... la suite
      {date:"20150719", valeur:"1845"},
      {date:"20150720", valeur:"1772"},
      {date:"20150721", valeur:"818"}
    ];

  3. #3
    Membre actif
    Inscrit en
    Août 2008
    Messages
    57
    Détails du profil
    Informations forums :
    Inscription : Août 2008
    Messages : 57
    Par défaut
    Merci pour l'éclaircissement, je vais tester ça.

  4. #4
    Membre actif
    Inscrit en
    Août 2008
    Messages
    57
    Détails du profil
    Informations forums :
    Inscription : Août 2008
    Messages : 57
    Par défaut
    Il reste un problème à priori.
    Voila ce que ça me donne dans un navigateur, le tableau n'arrive pas à lire les données.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    var data = [["20150703","1289"],["20150704","1140"],["20150705","1526"],["20150706","1355"],["20150707","1306"],["20150708","1725"],["20150709","1550"],["20150710","1317"],["20150711","1439"],["20150712","1548"],["20150713","1744"],["20150714","1691"],["20150715","1676"],["20150716","1576"],["20150717","1437"],["20150718","1500"],["20150719","1845"],["20150720","1772"],["20150721","1722"],["20150722","1828"],["20150723","1919"],["20150724","1700"],["20150725","1927"],["20150726","2308"],["20150727","2052"],["20150728","1826"],["20150729","1837"],["20150730","1606"],["20150731","1256"],["20150801","1307"],["20150802","1185"],["20150803","624"]];
    	  var tabObj = [],
    	    i, nb = data.length; // en supposant que data soit ton tableau de départ
    	for( i=0; i < nb; i++){
    	  tabObj.push({
    	    'date'   : data[i][0],
    	    'valeur' : data[i][1]
    	  });
    	}

  5. #5
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    pas compris le soucis !

  6. #6
    Membre actif
    Inscrit en
    Août 2008
    Messages
    57
    Détails du profil
    Informations forums :
    Inscription : Août 2008
    Messages : 57
    Par défaut
    Dans mon navigateur je devrais obtenir les données dans tabObj non?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    for( i=0; i < nb; i++){
    	  tabObj.push({
    	    'date'   : 20150621,
    	    'valeur' : 1435,
               //..........
    	  });
    	}

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Scene] Invertion Area Chart
    Par dada-06 dans le forum JavaFX
    Réponses: 4
    Dernier message: 18/06/2014, 17h15
  2. [Scene] décalage de l'échelle Area Chart
    Par dada-06 dans le forum JavaFX
    Réponses: 3
    Dernier message: 17/06/2014, 14h56
  3. [Toutes versions] format chart area/ ActiveChart/drawingObjects
    Par camad dans le forum Macros et VBA Excel
    Réponses: 1
    Dernier message: 16/11/2011, 19h17
  4. [E-03] Taille de Chart Area
    Par 20100. dans le forum Macros et VBA Excel
    Réponses: 2
    Dernier message: 05/11/2008, 07h37
  5. Créer une série dans un chart
    Par cyrose dans le forum C++Builder
    Réponses: 5
    Dernier message: 28/11/2002, 11h37

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo