# Recuperer des données depuis payload sous forme de tableau

**URL:** https://discourse.nodered.org/t/recuperer-des-donnees-depuis-payload-sous-forme-de-tableau/26959
**Category:** General
**Created:** [19 May 2020 23:21 UTC](https://discourse.nodered.org/t/recuperer-des-donnees-depuis-payload-sous-forme-de-tableau/26959 "2020-05-19T23:21:41Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![OmarDev](https://avatars.discourse-cdn.com/v4/letter/o/a88e57/32.png) [@OmarDev](https://discourse.nodered.org/u/OmarDev)
#### Post date: [19 May 2020 23:21 UTC](https://discourse.nodered.org/t/recuperer-des-donnees-depuis-payload-sous-forme-de-tableau/26959/1 "2020-05-19T23:21:41Z")

</div>

je voudrais recuperer des données depuis payload sous forme de tableau pour les mettre dans mon Chart.

var options = {  
series: [{

```
            name: 'Temperature',

            data: [31, 40, 28, 51, 42, 109, 120],         
          }, 

          {
            name: 'Humidity',
            data: [11, 32, 45, 32, 34, 52, 41]
          },

          {
            name: 'CO2',
            data: [40, 55, 70, 12, 33, 40, 41]
          }
          ],

            chart: {

            height: 350,

            type: 'area'

          },

          dataLabels: {

            enabled: true

          },

          stroke: {

            curve: 'smooth'

          },

          xaxis: {

            type: 'datetime',

            categories: ["2018-09-19T00:00:00.000Z", "2018-09-19T01:30:00.000Z", "2018-09- 
           19T02:30:00.000Z", "2018-09-19T03:30:00.000Z", "2018-09-19T04:30:00.000Z", "2018-09- 
           19T05:30:00.000Z", "2018-09-19T06:30:00.000Z"]
          },
          tooltip: {
            x: {
              format: 'dd/MM/yy HH:mm'
            },
          },
          };
          var chart = new ApexCharts(document.querySelector("#chart"), options);

          chart.render();
```

---

<div class="post-metadata">

### Author: ![Andrei](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/andrei/32/10446_2.png) [@Andrei](https://discourse.nodered.org/u/Andrei)
#### Post date: [20 May 2020 14:57 UTC](https://discourse.nodered.org/t/recuperer-des-donnees-depuis-payload-sous-forme-de-tableau/26959/2 "2020-05-20T14:57:59Z")

</div>

Ça marche bien. C'est drôle mais Je ne sais pas pourquoi 😆

```auto
[{"id":"81f023b2.a640b","type":"ui_template","z":"3b2d1198.98df5e","group":"bc2e8c3a.db25f","name":"","order":0,"width":"12","height":"10","format":"<html lang=\"en-US\">\n\n<head>\n <script src=\"https://cdn.jsdelivr.net/npm/apexcharts\"></script>\n<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.js\">\n</head>\n<body>\n<div id=\"chart2\">\n</div>\n<script>\nvar options = {\n series: [\n {\n name: 'Temperature',\n data: [31, 40, 28, 51, 42, 109, 120],\n }, \n {\n name: 'Humidity',\n data: [11, 32, 45, 32, 34, 52, 41]\n },\n {\n name: 'CO2',\n data: [40, 55, 70, 12, 33, 40, 41]\n }\n ],\n\n chart: {\n height: 350,\n type: 'area'\n },\n dataLabels: {\n enabled: true\n },\n stroke: {\n curve: 'smooth'\n },\n xaxis: {\n type: 'datetime',\n categories: [\n \"2018-09-19T00:00:00.000Z\", \n \"2018-09-19T01:30:00.000Z\", \n \"2018-09-19T02:30:00.000Z\", \n \"2018-09-19T03:30:00.000Z\", \n \"2018-09-19T04:30:00.000Z\", \n \"2018-09-19T05:30:00.000Z\", \n \"2018-09-19T06:30:00.000Z\"]\n },\n tooltip: {\n x: {\n format: 'dd/MM/yy HH:mm'\n },\n },\n };\n var chart = new ApexCharts(document.querySelector(\"#chart2\"), options);\n chart.render();\n</script>\n</body>\n</html>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":500,"y":400,"wires":[[]]},{"id":"bc2e8c3a.db25f","type":"ui_group","z":"","name":"G2","tab":"fb8522d8.d32a1","order":2,"disp":true,"width":"12","collapse":false},{"id":"fb8522d8.d32a1","type":"ui_tab","z":"","name":"APEX","icon":"dashboard","disabled":false,"hidden":false}]

```

![r-01](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/9/2912a957ec7d53c0c3c1618b9aeb1dc5cffe278e.png)

---

<div class="post-metadata">

### Author: ![OmarDev](https://avatars.discourse-cdn.com/v4/letter/o/a88e57/32.png) [@OmarDev](https://discourse.nodered.org/u/OmarDev)
#### Post date: [20 May 2020 17:30 UTC](https://discourse.nodered.org/t/recuperer-des-donnees-depuis-payload-sous-forme-de-tableau/26959/3 "2020-05-20T17:30:35Z")

</div>

ca marche mais vous le mettez dans uibuilder.onChange ca pose probleme par ce que ca actualise la page a chaque fois

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)
#### Post date: [19 July 2020 17:30 UTC](https://discourse.nodered.org/t/recuperer-des-donnees-depuis-payload-sous-forme-de-tableau/26959/4 "2020-07-19T17:30:46Z")

</div>

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.
