I am new to node red and i am trying to plot line chart of real time data, but nothing is display on chart
My flow.
[{"id":"5c0f3e4b.7b304","type":"tab","label":"Vibration_Dashboard","disabled":false,"info":""},{"id":"b6aa9d6f.49572","type":"debug","z":"5c0f3e4b.7b304","name":"debug","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"payload","targetType":"msg","statusVal":"","statusType":"auto","x":590,"y":360,"wires":[]},{"id":"99cd2832.db55f8","type":"inject","z":"5c0f3e4b.7b304","name":"","props":[{"p":"payload"},{"p":"object","v":"","vt":"str"}],"repeat":"4","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"[{'x':'23','y':4}]","payloadType":"str","x":100,"y":260,"wires":[["259e195b.bcdd76"]]},{"id":"d8f752e4.11982","type":"function","z":"5c0f3e4b.7b304","name":"","func":"var msg1={}\nvar msg2={}\nvar point={}\nvar buffer=msg.payload.split(\",\");\nmsg1.payload=parseInt(buffer[0]);\nmsg2.payload=parseInt(buffer[1]);\n\n\nmsg.payload=[];\nvar values= [];\n\n\n point.x=parseInt(buffer[0])\n point.y=parseInt(buffer[1])\n values.push(point);\n\nmsg.action = \"load\"; \n\nmsg.payload=\n[{data:values}];\n\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","x":420,"y":60,"wires":[["7fa64770.c07018"]]},{"id":"259e195b.bcdd76","type":"change","z":"5c0f3e4b.7b304","name":"","rules":[{"t":"change","p":"payload","pt":"msg","from":"[","fromt":"str","to":"","tot":"str"},{"t":"change","p":"payload","pt":"msg","from":"]","fromt":"str","to":"","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":280,"y":200,"wires":[["e567e5f8.0a5048"]]},{"id":"e567e5f8.0a5048","type":"change","z":"5c0f3e4b.7b304","name":"","rules":[{"t":"change","p":"payload","pt":"msg","from":"{","fromt":"str","to":"","tot":"str"},{"t":"change","p":"payload","pt":"msg","from":"}","fromt":"str","to":"","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":280,"y":240,"wires":[["893f85f1.204518"]]},{"id":"893f85f1.204518","type":"change","z":"5c0f3e4b.7b304","name":"","rules":[{"t":"change","p":"payload","pt":"msg","from":"'x'","fromt":"str","to":"","tot":"str"},{"t":"change","p":"payload","pt":"msg","from":":","fromt":"str","to":"","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":280,"y":280,"wires":[["d9406f80.3dc26"]]},{"id":"d9406f80.3dc26","type":"change","z":"5c0f3e4b.7b304","name":"","rules":[{"t":"change","p":"payload","pt":"msg","from":"'y'","fromt":"str","to":"","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":300,"y":320,"wires":[["8c742b93.9e3798"]]},{"id":"8c742b93.9e3798","type":"change","z":"5c0f3e4b.7b304","name":"","rules":[{"t":"change","p":"payload","pt":"msg","from":"'","fromt":"str","to":"","tot":"str"},{"t":"change","p":"payload","pt":"msg","from":"'","fromt":"str","to":"","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":300,"y":380,"wires":[["d8f752e4.11982","b6aa9d6f.49572"]]},{"id":"7fa64770.c07018","type":"ui_template","z":"5c0f3e4b.7b304","group":"95c16e78.88cee","name":"HiChart","order":0,"width":"0","height":"0","format":"\n<html>\n <head>\n <title>Highcharts Tutorial</title>\n <script src = \"https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js\">\n </script>\n <script src = \"https://code.highcharts.com/highcharts.js\"></script> \n </head>\n \n <body>\n <div id = \"container\" style = \"width: 550px; height: 400px; margin: 0 auto\"></div>\n <script language = \"JavaScript\">\n $(document).ready(function() {\n var chart = {\n type: 'spline',\n animation: Highcharts.svg, // don't animate in IE < IE 10.\n marginRight: 10,\n \n events: {\n load: function () {\n // set up the updating of the chart each second\n var series = this.series[0];\n \n setInterval(function () {\n \n for (var j = 0; j < msg.payload.length; j++)\n {\n \n var data1 = msg.payload[j].data;\n \n \n x: data1[j].x\n y: data1[j].y\n series.addPoint([x, y], true, true);\n \n \n \n }\n \n }, 1000);\n }\n }\n };\n var title = {\n text: 'Live random data' \n }; \n var xAxis = {\n type: 'number',\n tickPixelInterval: 150\n };\n var yAxis = {\n type: 'number',\n title: {\n text: 'Value'\n },\n plotLines: [{\n value: 0,\n width: 1,\n color: '#808080'\n }]\n };\n /// var tooltip = {\n //formatter: function () {\n //return '<b>' + this.series.name + '</b><br/>' +\n // Highcharts.numberFormat(this.x) + '<br/>' +\n //Highcharts.numberFormat(this.y);\n // }\n ///};\n var plotOptions = {\n area: {\n pointStart: 1940,\n marker: {\n enabled: false,\n symbol: 'circle',\n radius: 2,\n \n states: {\n hover: {\n enabled: true\n }\n }\n }\n }\n };\n var legend = {\n enabled: false\n };\n var exporting = {\n enabled: false\n };\n var series = [{\n name: 'Random data',\n data: (function () {\n // generate an array of random data\n \n \n var data=[];\n for (var j = 0; j < msg.payload.length; j++)\n {\n \n var data1 = msg.payload[j].data;\n data.push({\n x: data1[j].x\n y: data1[j].y\n\t\t\t\t \n\t\t\t\t \n });\n \n return data;\n }\n }()) \n }]; \n \n var json = {}; \n json.chart = chart; \n json.title = title; \n json.tooltip = tooltip;\n json.xAxis = xAxis;\n json.yAxis = yAxis; \n json.legend = legend; \n json.exporting = exporting; \n json.series = series;\n json.plotOptions = plotOptions;\n \n Highcharts.setOptions({\n global: {\n useUTC: false\n }\n });\n $('#container').highcharts(json);\n });\n </script>\n </body>\n \n</html>","storeOutMessages":false,"fwdInMessages":true,"resendOnRefresh":false,"templateScope":"local","x":580,"y":200,"wires":[["b6aa9d6f.49572"]]},{"id":"95c16e78.88cee","type":"ui_group","name":"Group 1","tab":"e1f4390.2c4a7c8","order":1,"disp":true,"width":"6","collapse":false},{"id":"e1f4390.2c4a7c8","type":"ui_tab","name":"Home","icon":"dashboard","order":1,"disabled":false,"hidden":false}]
