Recuperer des données depuis payload sous forme de tableau

General
1

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();
2

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

[{"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

3

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

4

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