Apex Chart with Customization

I spent most of my time last month in trying to find an alternative to ui_chart in node-red-dashboard. the built in chart is good enough, the only drawback i faced was not having the zoom feature. so i was directed towards many alternatives but none of them had a simple and easy tutorial how to get the data from a mysql database and plot the same on dashboard. with the help of few experts, I could get the Apex chart start to look like what i wanted it to do.
i am just putting a sample flow here with a little bit of dynamic interactive customization to someone it may help in future. it is absolutely not a complete setup, but can be improvised further. i am reading and going through Apex Charts Doc.

I request the experts to try this and let me know how can this be further improved ?
this is my first post to share a project.

since the post doesn't allow complete flow to be posted, i am posting dataset in the next post.

[{"id":"3435cc134d979017","type":"change","z":"58560d6d98cf8d06","name":"Small Data","rules":[{"t":"set","p":"payload","pt":"msg","to":"[{\"datetime\":\"2023-04-02T08:35:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:36:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:37:00.000Z\",\"m\":8},{\"datetime\":\"2023-04-02T08:38:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T08:39:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T08:40:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T08:41:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T08:42:00.000Z\",\"m\":8},{\"datetime\":\"2023-04-02T08:43:00.000Z\",\"m\":20},{\"datetime\":\"2023-04-02T08:44:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:45:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:46:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:47:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:48:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:49:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:50:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:51:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:52:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:53:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:54:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:55:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:56:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:57:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:58:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:59:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:00:00.000Z\",\"m\":14},{\"datetime\":\"2023-04-02T09:01:00.000Z\",\"m\":13},{\"datetime\":\"2023-04-02T09:02:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T09:03:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:04:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:05:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:06:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:07:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:08:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:09:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:10:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:11:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:12:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:13:00.000Z\",\"m\":27},{\"datetime\":\"2023-04-02T09:14:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:15:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:16:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:17:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:18:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:19:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:20:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:21:00.000Z\",\"m\":24},{\"datetime\":\"2023-04-02T09:22:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:23:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T09:24:00.000Z\",\"m\":20},{\"datetime\":\"2023-04-02T09:25:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T09:26:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T09:27:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T09:28:00.000Z\",\"m\":10},{\"datetime\":\"2023-04-02T09:29:00.000Z\",\"m\":17},{\"datetime\":\"2023-04-02T09:30:00.000Z\",\"m\":11},{\"datetime\":\"2023-04-02T09:31:00.000Z\",\"m\":9},{\"datetime\":\"2023-04-02T09:32:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:33:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:34:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:35:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:36:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:37:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:38:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:39:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:40:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:41:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:42:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:43:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:44:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:45:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:46:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:47:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:48:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:49:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:50:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:51:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:52:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:53:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:54:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:55:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:56:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:57:00.000Z\",\"m\":4},{\"datetime\":\"2023-04-02T09:58:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T09:59:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T10:00:00.000Z\",\"m\":9},{\"datetime\":\"2023-04-02T10:01:00.000Z\",\"m\":20},{\"datetime\":\"2023-04-02T10:02:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:03:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:04:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:05:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:06:00.000Z\",\"m\":27},{\"datetime\":\"2023-04-02T10:07:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:08:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:09:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:10:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:11:00.000Z\",\"m\":26}]","tot":"json"},{"t":"set","p":"payload","pt":"msg","to":"[\t       {\t           \"name\" : \"PPM\",\t           \"data\" : payload.{\"x\": $.datetime, \"y\": $.m}\t    }\t]\t","tot":"jsonata"},{"t":"set","p":"chartheight","pt":"msg","to":"chartheight","tot":"flow"},{"t":"set","p":"titlefont","pt":"msg","to":"titlefont","tot":"flow"},{"t":"set","p":"charttitle","pt":"msg","to":"charttitle","tot":"flow"},{"t":"set","p":"gridline","pt":"msg","to":"gridline","tot":"flow"},{"t":"set","p":"charttitlecolor","pt":"msg","to":"charttitlecolor","tot":"flow"},{"t":"set","p":"chartlinecolor","pt":"msg","to":"chartlinecolor","tot":"flow"},{"t":"set","p":"linewidth","pt":"msg","to":"linewidth","tot":"flow"},{"t":"set","p":"markersize","pt":"msg","to":"markersize","tot":"flow"},{"t":"set","p":"charttype","pt":"msg","to":"charttype","tot":"flow"}],"action":"","property":"","from":"","to":"","reg":false,"x":870,"y":100,"wires":[["7cae627d902fa7e1"]]},{"id":"7cae627d902fa7e1","type":"ui_template","z":"58560d6d98cf8d06","group":"7d53e5625b8837b0","name":"Apex-Chart","order":1,"width":"42","height":"16","format":"<script src=\"https://cdn.jsdelivr.net/npm/apexcharts\"></script>\n<div id=\"chart\"></div>\n\n<script>\n\n(function(scope){scope.$watch('msg', function(msg){\n                    if (msg){var options ={\n                        series: msg.payload,chart:{type: msg.charttype,stacked: false,height: msg.chartheight, background:'#000',zoom:{type: 'x',enabled: true,autoScaleYaxis: true},\n                        toolbar:{autoSelected: 'zoom'}},dataLabels:{enabled: false},markers:{size: msg.markersize,},theme: {mode: 'dark'},\n                title: {text: msg.charttitle,align: 'center',margin: 10,offsetX: 0,offsetY: 0,floating: false,style: {fontSize: msg.titlefont,fontWeight: 'bold',fontFamily: undefined,color: msg.charttitlecolor},},\n                stroke:{colors:[msg.chartlinecolor],width: msg.linewidth,curve: 'smooth'},\n                yaxis:{labels:{formatter: function (val){return val.toFixed(0);},},},\n                xaxis: {type: 'datetime'},\n                grid: {show: true,borderColor: '#90A4AE',strokeDashArray: 0,position: 'back',\n                xaxis: {lines: {show: msg.gridline}},\n                yaxis: {lines: {show: msg.gridline}},\n                row: {colors: undefined,opacity: 1.5},\n                column: {colors: undefined,opacity: 0.5},\n                padding: {top: 0,right: 0,bottom: 0,left: 0},},};\n\nsetTimeout( ()=> {if(scope.chart){scope.chart.updateOptions(options)}else {scope.chart = new ApexCharts(document.querySelector(\"#chart\"), options);scope.chart.render();}}, 500)}});})(scope);\n\n</script>","storeOutMessages":false,"fwdInMessages":false,"resendOnRefresh":false,"templateScope":"local","className":"","x":1110,"y":140,"wires":[[]]},{"id":"5b7d7c0dd5df3340","type":"ui_button","z":"58560d6d98cf8d06","name":"ReLoad","group":"7d53e5625b8837b0","order":2,"width":"3","height":"2","passthru":true,"label":"Refresh","tooltip":"","color":"","bgcolor":"","className":"","icon":"","payload":"","payloadType":"str","topic":"topic","topicType":"msg","x":240,"y":120,"wires":[["dda02e5fd96e6d3d"]]},{"id":"1e22569837502086","type":"ui_slider","z":"58560d6d98cf8d06","name":"","label":"Chart Title Font Size","tooltip":"Change the Font size of the Chart Title here","group":"7d53e5625b8837b0","order":4,"width":"18","height":"1","passthru":true,"outs":"all","topic":"topic","topicType":"msg","min":"1","max":"100","step":1,"className":"","x":540,"y":303.57142857142856,"wires":[["7904d0bd4e684e76"]]},{"id":"7904d0bd4e684e76","type":"change","z":"58560d6d98cf8d06","name":"","rules":[{"t":"set","p":"titlefont","pt":"flow","to":"payload&'px'","tot":"jsonata"}],"action":"","property":"","from":"","to":"","reg":false,"x":715,"y":303.57142857142856,"wires":[["9196cbd07a0eaf34"]],"l":false},{"id":"a2f171e1205253ad","type":"ui_text_input","z":"58560d6d98cf8d06","name":"","label":"Enter Chart Title","tooltip":"","group":"7d53e5625b8837b0","order":8,"width":"12","height":"3","passthru":true,"mode":"text","delay":"0","topic":"topic","sendOnBlur":false,"className":"","topicType":"msg","x":520,"y":367.1428571428571,"wires":[["5d27ccfaf3cb3f1f"]]},{"id":"5d27ccfaf3cb3f1f","type":"change","z":"58560d6d98cf8d06","name":"","rules":[{"t":"set","p":"charttitle","pt":"flow","to":"payload","tot":"jsonata"}],"action":"","property":"","from":"","to":"","reg":false,"x":715,"y":367.1428571428571,"wires":[["e7597d70d7f56215"]],"l":false},{"id":"e7597d70d7f56215","type":"link out","z":"58560d6d98cf8d06","name":"link out 126","mode":"link","links":["c8e718359a302331"],"x":775,"y":367.1428571428571,"wires":[]},{"id":"c8e718359a302331","type":"link in","z":"58560d6d98cf8d06","name":"link in 173","links":["e7597d70d7f56215","9196cbd07a0eaf34","46dbe3f8c375cff3","b5a0faf9dccea687","e537eb304ea9cd60","d14fcecb6ca636a4","7b8278dc4a3d246b","ce4f5aa01b3d3c98","67ec2c07e25026d8","2654ea1e411448c3","39cb44a513fb8d5d","e207a819398f36d6","1937885342b6fea0","7edf49be460a26d3","d3dbf0460b51f3f0","408758b2376708f7","2940cfbc28be247f","20a206f3c948e34e","4a455c72b19106f1","69c2901a42a87984"],"x":595,"y":140,"wires":[["b544db59720e8ced"]]},{"id":"9196cbd07a0eaf34","type":"link out","z":"58560d6d98cf8d06","name":"link out 127","mode":"link","links":["c8e718359a302331"],"x":775,"y":303.57142857142856,"wires":[]},{"id":"27956c1d97cbed2e","type":"ui_slider","z":"58560d6d98cf8d06","name":"","label":"Chart Height","tooltip":"","group":"7d53e5625b8837b0","order":5,"width":"18","height":"1","passthru":true,"outs":"all","topic":"topic","topicType":"msg","min":"100","max":"500","step":1,"className":"","x":510,"y":240,"wires":[["55a6de269057b9e9"]]},{"id":"55a6de269057b9e9","type":"change","z":"58560d6d98cf8d06","name":"","rules":[{"t":"set","p":"chartheight","pt":"flow","to":"payload","tot":"jsonata"}],"action":"","property":"","from":"","to":"","reg":false,"x":715,"y":240,"wires":[["46dbe3f8c375cff3"]],"l":false},{"id":"46dbe3f8c375cff3","type":"link out","z":"58560d6d98cf8d06","name":"link out 128","mode":"link","links":["c8e718359a302331"],"x":775,"y":240,"wires":[]},{"id":"b5a0faf9dccea687","type":"link out","z":"58560d6d98cf8d06","name":"link out 129","mode":"link","links":["c8e718359a302331"],"x":775,"y":430.71428571428567,"wires":[]},{"id":"4fc6c6e2c50b8e5b","type":"ui_switch","z":"58560d6d98cf8d06","name":"","label":"Grid Lines ?","tooltip":"","group":"7d53e5625b8837b0","order":6,"width":"8","height":"2","passthru":true,"decouple":"false","topic":"topic","topicType":"msg","style":"","onvalue":"true","onvalueType":"bool","onicon":"","oncolor":"","offvalue":"false","offvalueType":"bool","officon":"","offcolor":"","animate":false,"className":"","x":510,"y":430.71428571428567,"wires":[["3f1f6271d6f999a0"]]},{"id":"3f1f6271d6f999a0","type":"change","z":"58560d6d98cf8d06","name":"","rules":[{"t":"set","p":"gridline","pt":"flow","to":"payload","tot":"msg"}],"action":"","property":"","from":"","to":"","reg":false,"x":715,"y":430.71428571428567,"wires":[["b5a0faf9dccea687"]],"l":false},{"id":"ccb38ce7fab0382a","type":"ui_text_input","z":"58560d6d98cf8d06","name":"","label":"Choose Chart Title Color","tooltip":"","group":"7d53e5625b8837b0","order":10,"width":"6","height":"2","passthru":false,"mode":"color","delay":"300","topic":"topic","sendOnBlur":true,"className":"","topicType":"msg","x":550,"y":494.2857142857142,"wires":[["cf55e08586316631"]]},{"id":"cf55e08586316631","type":"change","z":"58560d6d98cf8d06","name":"","rules":[{"t":"set","p":"charttitlecolor","pt":"flow","to":"payload","tot":"msg"}],"action":"","property":"","from":"","to":"","reg":false,"x":715,"y":494.2857142857142,"wires":[["e537eb304ea9cd60"]],"l":false},{"id":"e537eb304ea9cd60","type":"link out","z":"58560d6d98cf8d06","name":"link out 130","mode":"link","links":["c8e718359a302331"],"x":775,"y":494.2857142857142,"wires":[]},{"id":"6e599d6d34ca48a3","type":"inject","z":"58560d6d98cf8d06","name":"Initialize","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":true,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":260,"y":80,"wires":[["dda02e5fd96e6d3d"]]},{"id":"dda02e5fd96e6d3d","type":"change","z":"58560d6d98cf8d06","name":"Default Flow Contexts","rules":[{"t":"set","p":"chartheight","pt":"flow","to":"200","tot":"num"},{"t":"set","p":"charttitle","pt":"flow","to":"Chart Title","tot":"str"},{"t":"set","p":"charttitlecolor","pt":"flow","to":"#ffffff","tot":"str"},{"t":"set","p":"gridline","pt":"flow","to":"true","tot":"bool"},{"t":"set","p":"titlefont","pt":"flow","to":"20px","tot":"str"},{"t":"set","p":"linewidth","pt":"flow","to":"2","tot":"num"},{"t":"set","p":"chartlinecolor","pt":"flow","to":"#f6fa00","tot":"str"},{"t":"set","p":"markersize","pt":"flow","to":"0","tot":"num"},{"t":"set","p":"charttype","pt":"flow","to":"line","tot":"str"},{"t":"set","p":"dataset","pt":"flow","to":"small","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":460,"y":80,"wires":[["be7b18dc04788ecc","b544db59720e8ced"]]},{"id":"be7b18dc04788ecc","type":"link out","z":"58560d6d98cf8d06","name":"link out 131","mode":"link","links":["41af317b2fc4a114","8ed9a0956f2d2a4d","e649eec6608ba5e3","1ede4fa91c4ed64e","6e3c2b0483548420"],"x":695,"y":60,"wires":[]},{"id":"729184dcecde64bd","type":"ui_text_input","z":"58560d6d98cf8d06","name":"","label":"Choose Chart Line Color","tooltip":"","group":"7d53e5625b8837b0","order":11,"width":"6","height":"2","passthru":false,"mode":"color","delay":"0","topic":"topic","sendOnBlur":true,"className":"","topicType":"msg","x":550,"y":557.8571428571428,"wires":[["99194c6026a9818f"]]},{"id":"99194c6026a9818f","type":"change","z":"58560d6d98cf8d06","name":"","rules":[{"t":"set","p":"chartlinecolor","pt":"flow","to":"payload","tot":"msg"}],"action":"","property":"","from":"","to":"","reg":false,"x":715,"y":557.8571428571428,"wires":[["d14fcecb6ca636a4"]],"l":false},{"id":"d14fcecb6ca636a4","type":"link out","z":"58560d6d98cf8d06","name":"link out 132","mode":"link","links":["c8e718359a302331"],"x":775,"y":557.8571428571428,"wires":[]},{"id":"381ad4e14f4b5364","type":"ui_slider","z":"58560d6d98cf8d06","name":"","label":"Line width","tooltip":"Change the Font size of the Chart Title here","group":"7d53e5625b8837b0","order":3,"width":"18","height":"1","passthru":false,"outs":"all","topic":"topic","topicType":"msg","min":"1","max":"10","step":1,"className":"","x":500,"y":621.4285714285713,"wires":[["0b9b25395ff35f73"]]},{"id":"0b9b25395ff35f73","type":"change","z":"58560d6d98cf8d06","name":"","rules":[{"t":"set","p":"linewidth","pt":"flow","to":"payload","tot":"msg"}],"action":"","property":"","from":"","to":"","reg":false,"x":715,"y":621.4285714285713,"wires":[["7b8278dc4a3d246b"]],"l":false},{"id":"7b8278dc4a3d246b","type":"link out","z":"58560d6d98cf8d06","name":"link out 133","mode":"link","links":["c8e718359a302331"],"x":775,"y":621.4285714285713,"wires":[]},{"id":"f9f4640342464edb","type":"change","z":"58560d6d98cf8d06","name":"","rules":[{"t":"set","p":"payload","pt":"msg","to":"chartheight","tot":"flow"}],"action":"","property":"","from":"","to":"","reg":false,"x":375,"y":240,"wires":[["27956c1d97cbed2e"]],"l":false},{"id":"ae9683ee34eef2f8","type":"change","z":"58560d6d98cf8d06","name":"","rules":[{"t":"set","p":"payload","pt":"msg","to":"titlefont","tot":"flow"},{"t":"set","p":"payload","pt":"msg","to":"($replace(payload, 'px', ''))\t","tot":"jsonata"}],"action":"","property":"","from":"","to":"","reg":false,"x":375,"y":303.57142857142856,"wires":[["1e22569837502086"]],"l":false},{"id":"1ede4fa91c4ed64e","type":"link in","z":"58560d6d98cf8d06","name":"link in 174","links":["be7b18dc04788ecc"],"x":245,"y":468.33333333333337,"wires":[["ae9683ee34eef2f8","f9f4640342464edb","57f708852de785ec","e9aba4b5d40dcae8","e32bbf86239262d2","5d673792e6b51349","94293132b0e10d74","45ee00c9a76a7366","3b0c07d5991236c9","7c261647b5a4a471"]]},{"id":"57f708852de785ec","type":"change","z":"58560d6d98cf8d06","name":"","rules":[{"t":"set","p":"payload","pt":"msg","to":"charttitle","tot":"flow"}],"action":"","property":"","from":"","to":"","reg":false,"x":375,"y":367.1428571428571,"wires":[["a2f171e1205253ad"]],"l":false},{"id":"e9aba4b5d40dcae8","type":"change","z":"58560d6d98cf8d06","name":"","rules":[{"t":"set","p":"payload","pt":"msg","to":"gridline","tot":"flow"}],"action":"","property":"","from":"","to":"","reg":false,"x":375,"y":430.71428571428567,"wires":[["4fc6c6e2c50b8e5b"]],"l":false},{"id":"e32bbf86239262d2","type":"change","z":"58560d6d98cf8d06","name":"","rules":[{"t":"set","p":"payload","pt":"msg","to":"linewidth","tot":"flow"}],"action":"","property":"","from":"","to":"","reg":false,"x":375,"y":621.4285714285713,"wires":[["381ad4e14f4b5364"]],"l":false},{"id":"5d673792e6b51349","type":"change","z":"58560d6d98cf8d06","name":"","rules":[{"t":"set","p":"payload","pt":"msg","to":"charttitlecolor","tot":"flow"}],"action":"","property":"","from":"","to":"","reg":false,"x":375,"y":494.2857142857142,"wires":[["ccb38ce7fab0382a"]],"l":false},{"id":"94293132b0e10d74","type":"change","z":"58560d6d98cf8d06","name":"","rules":[{"t":"set","p":"payload","pt":"msg","to":"chartlinecolor","tot":"flow"}],"action":"","property":"","from":"","to":"","reg":false,"x":375,"y":557.8571428571428,"wires":[["729184dcecde64bd"]],"l":false},{"id":"02461307e3919177","type":"change","z":"58560d6d98cf8d06","name":"","rules":[{"t":"set","p":"markersize","pt":"flow","to":"payload","tot":"msg"}],"action":"","property":"","from":"","to":"","reg":false,"x":715,"y":685,"wires":[["ce4f5aa01b3d3c98"]],"l":false},{"id":"ce4f5aa01b3d3c98","type":"link out","z":"58560d6d98cf8d06","name":"link out 134","mode":"link","links":["c8e718359a302331"],"x":775,"y":685,"wires":[]},{"id":"45ee00c9a76a7366","type":"change","z":"58560d6d98cf8d06","name":"","rules":[{"t":"set","p":"payload","pt":"msg","to":"markersize","tot":"flow"}],"action":"","property":"","from":"","to":"","reg":false,"x":375,"y":685,"wires":[["84cc65377f477133"]],"l":false},{"id":"84cc65377f477133","type":"ui_switch","z":"58560d6d98cf8d06","name":"","label":"Markers ?","tooltip":"","group":"7d53e5625b8837b0","order":7,"width":"8","height":"2","passthru":true,"decouple":"false","topic":"topic","topicType":"msg","style":"","onvalue":"2","onvalueType":"num","onicon":"","oncolor":"","offvalue":"0","offvalueType":"num","officon":"","offcolor":"","animate":false,"className":"","x":500,"y":685,"wires":[["02461307e3919177"]]},{"id":"fd808498417e73cb","type":"ui_dropdown","z":"58560d6d98cf8d06","name":"","label":"Type of chart","tooltip":"","place":"Chart Type ?","group":"7d53e5625b8837b0","order":9,"width":"8","height":"3","passthru":true,"multiple":false,"options":[{"label":"Bar Chart","value":"bar","type":"str"},{"label":"Line Chart","value":"line","type":"str"}],"payload":"","topic":"topic","topicType":"msg","className":"","x":510,"y":748.3333333333334,"wires":[["e355c8d68846c41d"]]},{"id":"3b0c07d5991236c9","type":"change","z":"58560d6d98cf8d06","name":"","rules":[{"t":"set","p":"payload","pt":"msg","to":"charttype","tot":"flow"}],"action":"","property":"","from":"","to":"","reg":false,"x":375,"y":748.3333333333334,"wires":[["fd808498417e73cb"]],"l":false},{"id":"e355c8d68846c41d","type":"change","z":"58560d6d98cf8d06","name":"","rules":[{"t":"set","p":"charttype","pt":"flow","to":"payload","tot":"msg"}],"action":"","property":"","from":"","to":"","reg":false,"x":715,"y":748.3333333333334,"wires":[["67ec2c07e25026d8"]],"l":false},{"id":"67ec2c07e25026d8","type":"link out","z":"58560d6d98cf8d06","name":"link out 135","mode":"link","links":["c8e718359a302331"],"x":775,"y":748.3333333333334,"wires":[]},{"id":"b544db59720e8ced","type":"switch","z":"58560d6d98cf8d06","name":"","property":"dataset","propertyType":"flow","rules":[{"t":"eq","v":"small","vt":"str"},{"t":"eq","v":"medium","vt":"str"},{"t":"eq","v":"large","vt":"str"}],"checkall":"true","repair":false,"outputs":3,"x":710,"y":140,"wires":[["3435cc134d979017"],["178a6636aa9bd55e"],["a2475ce09c331a18"]]},{"id":"48c1df45bcd28033","type":"ui_dropdown","z":"58560d6d98cf8d06","name":"","label":"Data Set","tooltip":"","place":"Data Size","group":"7d53e5625b8837b0","order":9,"width":"8","height":"3","passthru":true,"multiple":false,"options":[{"label":"Large","value":"large","type":"str"},{"label":"Medium","value":"medium","type":"str"},{"label":"Small","value":"small","type":"str"}],"payload":"","topic":"topic","topicType":"msg","className":"","x":500,"y":808.3333333333334,"wires":[["9239df70be8b21f8"]]},{"id":"7c261647b5a4a471","type":"change","z":"58560d6d98cf8d06","name":"","rules":[{"t":"set","p":"payload","pt":"msg","to":"dataset","tot":"flow"}],"action":"","property":"","from":"","to":"","reg":false,"x":375,"y":808.3333333333334,"wires":[["48c1df45bcd28033"]],"l":false},{"id":"9239df70be8b21f8","type":"change","z":"58560d6d98cf8d06","name":"","rules":[{"t":"set","p":"dataset","pt":"flow","to":"payload","tot":"msg"}],"action":"","property":"","from":"","to":"","reg":false,"x":715,"y":808.3333333333334,"wires":[["2654ea1e411448c3"]],"l":false},{"id":"2654ea1e411448c3","type":"link out","z":"58560d6d98cf8d06","name":"link out 136","mode":"link","links":["c8e718359a302331"],"x":775,"y":808.3333333333334,"wires":[]},{"id":"7d53e5625b8837b0","type":"ui_group","name":"SELECT","tab":"49ce3da32b7171c0","order":3,"disp":false,"width":"42","collapse":false,"className":""},{"id":"49ce3da32b7171c0","type":"ui_tab","name":"TRENDS","icon":"dashboard","order":7,"disabled":false,"hidden":false}]
2 Likes
[{"id":"3435cc134d979017","type":"change","z":"58560d6d98cf8d06","name":"Small Data","rules":[{"t":"set","p":"payload","pt":"msg","to":"[{\"datetime\":\"2023-04-02T08:35:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:36:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:37:00.000Z\",\"m\":8},{\"datetime\":\"2023-04-02T08:38:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T08:39:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T08:40:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T08:41:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T08:42:00.000Z\",\"m\":8},{\"datetime\":\"2023-04-02T08:43:00.000Z\",\"m\":20},{\"datetime\":\"2023-04-02T08:44:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:45:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:46:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:47:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:48:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:49:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:50:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:51:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:52:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:53:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:54:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:55:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:56:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:57:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:58:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:59:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:00:00.000Z\",\"m\":14},{\"datetime\":\"2023-04-02T09:01:00.000Z\",\"m\":13},{\"datetime\":\"2023-04-02T09:02:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T09:03:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:04:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:05:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:06:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:07:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:08:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:09:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:10:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:11:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:12:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:13:00.000Z\",\"m\":27},{\"datetime\":\"2023-04-02T09:14:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:15:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:16:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:17:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:18:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:19:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:20:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:21:00.000Z\",\"m\":24},{\"datetime\":\"2023-04-02T09:22:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:23:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T09:24:00.000Z\",\"m\":20},{\"datetime\":\"2023-04-02T09:25:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T09:26:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T09:27:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T09:28:00.000Z\",\"m\":10},{\"datetime\":\"2023-04-02T09:29:00.000Z\",\"m\":17},{\"datetime\":\"2023-04-02T09:30:00.000Z\",\"m\":11},{\"datetime\":\"2023-04-02T09:31:00.000Z\",\"m\":9},{\"datetime\":\"2023-04-02T09:32:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:33:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:34:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:35:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:36:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:37:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:38:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:39:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:40:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:41:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:42:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:43:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:44:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:45:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:46:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:47:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:48:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:49:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:50:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:51:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:52:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:53:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:54:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:55:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:56:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:57:00.000Z\",\"m\":4},{\"datetime\":\"2023-04-02T09:58:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T09:59:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T10:00:00.000Z\",\"m\":9},{\"datetime\":\"2023-04-02T10:01:00.000Z\",\"m\":20},{\"datetime\":\"2023-04-02T10:02:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:03:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:04:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:05:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:06:00.000Z\",\"m\":27},{\"datetime\":\"2023-04-02T10:07:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:08:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:09:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:10:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:11:00.000Z\",\"m\":26}]","tot":"json"},{"t":"set","p":"payload","pt":"msg","to":"[\t       {\t           \"name\" : \"PPM\",\t           \"data\" : payload.{\"x\": $.datetime, \"y\": $.m}\t    }\t]\t","tot":"jsonata"},{"t":"set","p":"chartheight","pt":"msg","to":"chartheight","tot":"flow"},{"t":"set","p":"titlefont","pt":"msg","to":"titlefont","tot":"flow"},{"t":"set","p":"charttitle","pt":"msg","to":"charttitle","tot":"flow"},{"t":"set","p":"gridline","pt":"msg","to":"gridline","tot":"flow"},{"t":"set","p":"charttitlecolor","pt":"msg","to":"charttitlecolor","tot":"flow"},{"t":"set","p":"chartlinecolor","pt":"msg","to":"chartlinecolor","tot":"flow"},{"t":"set","p":"linewidth","pt":"msg","to":"linewidth","tot":"flow"},{"t":"set","p":"markersize","pt":"msg","to":"markersize","tot":"flow"},{"t":"set","p":"charttype","pt":"msg","to":"charttype","tot":"flow"}],"action":"","property":"","from":"","to":"","reg":false,"x":870,"y":100,"wires":[["7cae627d902fa7e1"]]},{"id":"7cae627d902fa7e1","type":"ui_template","z":"58560d6d98cf8d06","group":"7d53e5625b8837b0","name":"Apex-Chart","order":1,"width":"42","height":"16","format":"<script src=\"https://cdn.jsdelivr.net/npm/apexcharts\"></script>\n<div id=\"chart\"></div>\n\n<script>\n\n(function(scope){scope.$watch('msg', function(msg){\n                    if (msg){var options ={\n                        series: msg.payload,chart:{type: msg.charttype,stacked: false,height: msg.chartheight, background:'#000',zoom:{type: 'x',enabled: true,autoScaleYaxis: true},\n                        toolbar:{autoSelected: 'zoom'}},dataLabels:{enabled: false},markers:{size: msg.markersize,},theme: {mode: 'dark'},\n                title: {text: msg.charttitle,align: 'center',margin: 10,offsetX: 0,offsetY: 0,floating: false,style: {fontSize: msg.titlefont,fontWeight: 'bold',fontFamily: undefined,color: msg.charttitlecolor},},\n                stroke:{colors:[msg.chartlinecolor],width: msg.linewidth,curve: 'smooth'},\n                yaxis:{labels:{formatter: function (val){return val.toFixed(0);},},},\n                xaxis: {type: 'datetime'},\n                grid: {show: true,borderColor: '#90A4AE',strokeDashArray: 0,position: 'back',\n                xaxis: {lines: {show: msg.gridline}},\n                yaxis: {lines: {show: msg.gridline}},\n                row: {colors: undefined,opacity: 1.5},\n                column: {colors: undefined,opacity: 0.5},\n                padding: {top: 0,right: 0,bottom: 0,left: 0},},};\n\nsetTimeout( ()=> {if(scope.chart){scope.chart.updateOptions(options)}else {scope.chart = new ApexCharts(document.querySelector(\"#chart\"), options);scope.chart.render();}}, 500)}});})(scope);\n\n</script>","storeOutMessages":false,"fwdInMessages":false,"resendOnRefresh":false,"templateScope":"local","className":"","x":1110,"y":140,"wires":[[]]},{"id":"5b7d7c0dd5df3340","type":"ui_button","z":"58560d6d98cf8d06","name":"ReLoad","group":"7d53e5625b8837b0","order":2,"width":"3","height":"2","passthru":true,"label":"Refresh","tooltip":"","color":"","bgcolor":"","className":"","icon":"","payload":"","payloadType":"str","topic":"topic","topicType":"msg","x":240,"y":120,"wires":[["dda02e5fd96e6d3d"]]},{"id":"c8e718359a302331","type":"link in","z":"58560d6d98cf8d06","name":"link in 173","links":["e7597d70d7f56215","9196cbd07a0eaf34","46dbe3f8c375cff3","b5a0faf9dccea687","e537eb304ea9cd60","d14fcecb6ca636a4","7b8278dc4a3d246b","ce4f5aa01b3d3c98","67ec2c07e25026d8","2654ea1e411448c3"],"x":595,"y":140,"wires":[["b544db59720e8ced"]]},{"id":"6e599d6d34ca48a3","type":"inject","z":"58560d6d98cf8d06","name":"Initialize","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":true,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":260,"y":80,"wires":[["dda02e5fd96e6d3d"]]},{"id":"dda02e5fd96e6d3d","type":"change","z":"58560d6d98cf8d06","name":"Default Flow Contexts","rules":[{"t":"set","p":"chartheight","pt":"flow","to":"200","tot":"num"},{"t":"set","p":"charttitle","pt":"flow","to":"Chart Title","tot":"str"},{"t":"set","p":"charttitlecolor","pt":"flow","to":"#ffffff","tot":"str"},{"t":"set","p":"gridline","pt":"flow","to":"true","tot":"bool"},{"t":"set","p":"titlefont","pt":"flow","to":"20px","tot":"str"},{"t":"set","p":"linewidth","pt":"flow","to":"2","tot":"num"},{"t":"set","p":"chartlinecolor","pt":"flow","to":"#f6fa00","tot":"str"},{"t":"set","p":"markersize","pt":"flow","to":"0","tot":"num"},{"t":"set","p":"charttype","pt":"flow","to":"line","tot":"str"},{"t":"set","p":"dataset","pt":"flow","to":"small","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":460,"y":80,"wires":[["be7b18dc04788ecc","b544db59720e8ced"]]},{"id":"be7b18dc04788ecc","type":"link out","z":"58560d6d98cf8d06","name":"link out 131","mode":"link","links":["41af317b2fc4a114","8ed9a0956f2d2a4d","e649eec6608ba5e3","1ede4fa91c4ed64e"],"x":695,"y":60,"wires":[]},{"id":"b544db59720e8ced","type":"switch","z":"58560d6d98cf8d06","name":"","property":"dataset","propertyType":"flow","rules":[{"t":"eq","v":"small","vt":"str"},{"t":"eq","v":"medium","vt":"str"},{"t":"eq","v":"large","vt":"str"}],"checkall":"true","repair":false,"outputs":3,"x":710,"y":140,"wires":[["3435cc134d979017"],["178a6636aa9bd55e"],["a2475ce09c331a18"]]},{"id":"7d53e5625b8837b0","type":"ui_group","name":"SELECT","tab":"49ce3da32b7171c0","order":3,"disp":false,"width":"42","collapse":false,"className":""},{"id":"49ce3da32b7171c0","type":"ui_tab","name":"TRENDS","icon":"dashboard","order":7,"disabled":false,"hidden":false}]
[{"id":"178a6636aa9bd55e","type":"change","z":"58560d6d98cf8d06","name":"Medium Data","rules":[{"t":"set","p":"payload","pt":"msg","to":"[{\"datetime\":\"2023-04-02T08:35:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:36:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:37:00.000Z\",\"m\":8},{\"datetime\":\"2023-04-02T08:38:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T08:39:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T08:40:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T08:41:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T08:42:00.000Z\",\"m\":8},{\"datetime\":\"2023-04-02T08:43:00.000Z\",\"m\":20},{\"datetime\":\"2023-04-02T08:44:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:45:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:46:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:47:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:48:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:49:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:50:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:51:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:52:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:53:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:54:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:55:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:56:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:57:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:58:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:59:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:00:00.000Z\",\"m\":14},{\"datetime\":\"2023-04-02T09:01:00.000Z\",\"m\":13},{\"datetime\":\"2023-04-02T09:02:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T09:03:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:04:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:05:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:06:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:07:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:08:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:09:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:10:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:11:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:12:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:13:00.000Z\",\"m\":27},{\"datetime\":\"2023-04-02T09:14:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:15:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:16:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:17:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:18:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:19:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:20:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:21:00.000Z\",\"m\":24},{\"datetime\":\"2023-04-02T09:22:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:23:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T09:24:00.000Z\",\"m\":20},{\"datetime\":\"2023-04-02T09:25:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T09:26:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T09:27:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T09:28:00.000Z\",\"m\":10},{\"datetime\":\"2023-04-02T09:29:00.000Z\",\"m\":17},{\"datetime\":\"2023-04-02T09:30:00.000Z\",\"m\":11},{\"datetime\":\"2023-04-02T09:31:00.000Z\",\"m\":9},{\"datetime\":\"2023-04-02T09:32:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:33:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:34:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:35:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:36:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:37:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:38:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:39:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:40:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:41:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:42:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:43:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:44:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:45:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:46:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:47:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:48:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:49:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:50:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:51:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:52:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:53:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:54:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:55:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:56:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:57:00.000Z\",\"m\":4},{\"datetime\":\"2023-04-02T09:58:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T09:59:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T10:00:00.000Z\",\"m\":9},{\"datetime\":\"2023-04-02T10:01:00.000Z\",\"m\":20},{\"datetime\":\"2023-04-02T10:02:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:03:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:04:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:05:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:06:00.000Z\",\"m\":27},{\"datetime\":\"2023-04-02T10:07:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:08:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:09:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:10:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:11:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:12:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:13:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:14:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:15:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:16:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:17:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:18:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:19:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:20:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:21:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:22:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:23:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:24:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:25:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:26:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:27:00.000Z\",\"m\":15},{\"datetime\":\"2023-04-02T10:28:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T10:29:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T10:30:00.000Z\",\"m\":13},{\"datetime\":\"2023-04-02T10:31:00.000Z\",\"m\":22},{\"datetime\":\"2023-04-02T10:32:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:33:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:34:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:35:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:36:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:37:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:38:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:39:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:40:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:41:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:42:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:43:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:44:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:45:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:46:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:47:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:48:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:49:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:50:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:51:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:52:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:53:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:54:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:55:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:56:00.000Z\",\"m\":19},{\"datetime\":\"2023-04-02T10:57:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T10:58:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T10:59:00.000Z\",\"m\":5},{\"datetime\":\"2023-04-02T11:00:00.000Z\",\"m\":17},{\"datetime\":\"2023-04-02T11:01:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:02:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:03:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:04:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:05:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:06:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:07:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:08:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:09:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:10:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:11:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:12:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:13:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:14:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:15:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:16:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:17:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:18:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:19:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:20:00.000Z\",\"m\":24},{\"datetime\":\"2023-04-02T11:21:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:22:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:23:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:24:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:25:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:26:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:27:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:28:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:29:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:30:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:31:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:32:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:33:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:34:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:35:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:36:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:37:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:38:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:39:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:40:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:41:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:42:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:43:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:44:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:45:00.000Z\",\"m\":24},{\"datetime\":\"2023-04-02T11:46:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:47:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:48:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:49:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:50:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:51:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:52:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:53:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:54:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:55:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:56:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:57:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:58:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:59:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:00:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:01:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:02:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:03:00.000Z\",\"m\":23}]","tot":"json"},{"t":"set","p":"payload","pt":"msg","to":"[\t       {\t           \"name\" : \"PPM\",\t           \"data\" : payload.{\"x\": $.datetime, \"y\": $.m}\t    }\t]\t","tot":"jsonata"},{"t":"set","p":"chartheight","pt":"msg","to":"chartheight","tot":"flow"},{"t":"set","p":"titlefont","pt":"msg","to":"titlefont","tot":"flow"},{"t":"set","p":"charttitle","pt":"msg","to":"charttitle","tot":"flow"},{"t":"set","p":"gridline","pt":"msg","to":"gridline","tot":"flow"},{"t":"set","p":"charttitlecolor","pt":"msg","to":"charttitlecolor","tot":"flow"},{"t":"set","p":"chartlinecolor","pt":"msg","to":"chartlinecolor","tot":"flow"},{"t":"set","p":"linewidth","pt":"msg","to":"linewidth","tot":"flow"},{"t":"set","p":"markersize","pt":"msg","to":"markersize","tot":"flow"},{"t":"set","p":"charttype","pt":"msg","to":"charttype","tot":"flow"}],"action":"","property":"","from":"","to":"","reg":false,"x":870,"y":140,"wires":[["7cae627d902fa7e1"]]}]
[{"id":"a2475ce09c331a18","type":"change","z":"58560d6d98cf8d06","name":"Large Data","rules":[{"t":"set","p":"payload","pt":"msg","to":"[{\"datetime\":\"2023-04-02T08:35:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:36:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:37:00.000Z\",\"m\":8},{\"datetime\":\"2023-04-02T08:38:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T08:39:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T08:40:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T08:41:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T08:42:00.000Z\",\"m\":8},{\"datetime\":\"2023-04-02T08:43:00.000Z\",\"m\":20},{\"datetime\":\"2023-04-02T08:44:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:45:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:46:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:47:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:48:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:49:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:50:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:51:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:52:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:53:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:54:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:55:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:56:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:57:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:58:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T08:59:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:00:00.000Z\",\"m\":14},{\"datetime\":\"2023-04-02T09:01:00.000Z\",\"m\":13},{\"datetime\":\"2023-04-02T09:02:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T09:03:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:04:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:05:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:06:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:07:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:08:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:09:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:10:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:11:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:12:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:13:00.000Z\",\"m\":27},{\"datetime\":\"2023-04-02T09:14:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:15:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:16:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:17:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:18:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:19:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:20:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:21:00.000Z\",\"m\":24},{\"datetime\":\"2023-04-02T09:22:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:23:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T09:24:00.000Z\",\"m\":20},{\"datetime\":\"2023-04-02T09:25:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T09:26:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T09:27:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T09:28:00.000Z\",\"m\":10},{\"datetime\":\"2023-04-02T09:29:00.000Z\",\"m\":17},{\"datetime\":\"2023-04-02T09:30:00.000Z\",\"m\":11},{\"datetime\":\"2023-04-02T09:31:00.000Z\",\"m\":9},{\"datetime\":\"2023-04-02T09:32:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:33:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:34:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:35:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:36:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:37:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:38:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:39:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:40:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:41:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:42:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:43:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:44:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:45:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:46:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:47:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:48:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:49:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:50:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:51:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:52:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:53:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:54:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:55:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:56:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T09:57:00.000Z\",\"m\":4},{\"datetime\":\"2023-04-02T09:58:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T09:59:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T10:00:00.000Z\",\"m\":9},{\"datetime\":\"2023-04-02T10:01:00.000Z\",\"m\":20},{\"datetime\":\"2023-04-02T10:02:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:03:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:04:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:05:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:06:00.000Z\",\"m\":27},{\"datetime\":\"2023-04-02T10:07:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:08:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:09:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:10:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:11:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:12:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:13:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:14:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:15:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:16:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:17:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:18:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:19:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:20:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:21:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:22:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:23:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:24:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:25:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:26:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:27:00.000Z\",\"m\":15},{\"datetime\":\"2023-04-02T10:28:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T10:29:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T10:30:00.000Z\",\"m\":13},{\"datetime\":\"2023-04-02T10:31:00.000Z\",\"m\":22},{\"datetime\":\"2023-04-02T10:32:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:33:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:34:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:35:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:36:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:37:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:38:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:39:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:40:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:41:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:42:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:43:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:44:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:45:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:46:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:47:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:48:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:49:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:50:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:51:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:52:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:53:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:54:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:55:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T10:56:00.000Z\",\"m\":19},{\"datetime\":\"2023-04-02T10:57:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T10:58:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T10:59:00.000Z\",\"m\":5},{\"datetime\":\"2023-04-02T11:00:00.000Z\",\"m\":17},{\"datetime\":\"2023-04-02T11:01:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:02:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:03:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:04:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:05:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:06:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:07:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:08:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:09:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:10:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:11:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:12:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:13:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:14:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:15:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:16:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:17:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:18:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:19:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:20:00.000Z\",\"m\":24},{\"datetime\":\"2023-04-02T11:21:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:22:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:23:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:24:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:25:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:26:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:27:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:28:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:29:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:30:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:31:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:32:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:33:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:34:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:35:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:36:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:37:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:38:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:39:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:40:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:41:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:42:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:43:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:44:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:45:00.000Z\",\"m\":24},{\"datetime\":\"2023-04-02T11:46:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:47:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:48:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:49:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:50:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:51:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:52:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:53:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:54:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:55:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:56:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:57:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:58:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T11:59:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:00:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:01:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:02:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:03:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:04:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:05:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:06:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:07:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:08:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:09:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:10:00.000Z\",\"m\":24},{\"datetime\":\"2023-04-02T12:11:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:12:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:13:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:14:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:15:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:16:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:17:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:18:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:19:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:20:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:21:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:22:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:23:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:24:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:25:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:26:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:27:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:28:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:29:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:30:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:31:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:32:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:33:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:34:00.000Z\",\"m\":24},{\"datetime\":\"2023-04-02T12:35:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:36:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:37:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:38:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:39:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:40:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:41:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:42:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:43:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:44:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:45:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:46:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T12:47:00.000Z\",\"m\":7},{\"datetime\":\"2023-04-02T12:48:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T12:49:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T12:50:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T12:51:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T12:52:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T12:53:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T12:54:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T12:55:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T12:56:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T12:57:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T12:58:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T12:59:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T13:00:00.000Z\",\"m\":9},{\"datetime\":\"2023-04-02T13:01:00.000Z\",\"m\":14},{\"datetime\":\"2023-04-02T13:02:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:03:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:04:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:05:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:06:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:07:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:08:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:09:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:10:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:11:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:12:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:13:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:14:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:15:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:16:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:17:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:18:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:19:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:20:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:21:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:22:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:23:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:24:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:25:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:26:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:27:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:28:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T13:29:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:30:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:31:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:32:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:33:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:34:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:35:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:36:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:37:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:38:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:39:00.000Z\",\"m\":22},{\"datetime\":\"2023-04-02T13:40:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T13:41:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T13:42:00.000Z\",\"m\":8},{\"datetime\":\"2023-04-02T13:43:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:44:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:45:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:46:00.000Z\",\"m\":23},{\"datetime\":\"2023-04-02T13:47:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:48:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:49:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:50:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:51:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:52:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:53:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:54:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:55:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:56:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:57:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:58:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T13:59:00.000Z\",\"m\":24},{\"datetime\":\"2023-04-02T14:00:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:01:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:02:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:03:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:04:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:05:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:06:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:07:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T14:08:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:09:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:10:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:11:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:12:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:13:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:14:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:15:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:16:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:17:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:18:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:19:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:20:00.000Z\",\"m\":10},{\"datetime\":\"2023-04-02T14:21:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T14:22:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T14:23:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T14:24:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T14:25:00.000Z\",\"m\":15},{\"datetime\":\"2023-04-02T14:26:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:27:00.000Z\",\"m\":15},{\"datetime\":\"2023-04-02T14:28:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:29:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:30:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:31:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:32:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:33:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:34:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:35:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:36:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:37:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:38:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:39:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:40:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T14:41:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:42:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:43:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:44:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:45:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:46:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:47:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:48:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:49:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:50:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:51:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:52:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:53:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:54:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:55:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:56:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:57:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:58:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T14:59:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:00:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:01:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:02:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:03:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:04:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:05:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:06:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:07:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:08:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:09:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:10:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:11:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:12:00.000Z\",\"m\":8},{\"datetime\":\"2023-04-02T15:13:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T15:14:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T15:15:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T15:16:00.000Z\",\"m\":11},{\"datetime\":\"2023-04-02T15:17:00.000Z\",\"m\":9},{\"datetime\":\"2023-04-02T15:18:03.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:19:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:20:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:21:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:22:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:23:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:24:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:25:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:26:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:27:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:28:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:29:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:30:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:31:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T15:32:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:33:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:34:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:35:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:36:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:37:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:38:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:39:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:40:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:41:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:42:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:43:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:44:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:45:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:46:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:47:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:48:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:49:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:50:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:51:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:52:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:53:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:54:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:55:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:56:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:57:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:58:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T15:59:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:00:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:01:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:02:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:03:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:04:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:05:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:06:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:07:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:08:00.000Z\",\"m\":11},{\"datetime\":\"2023-04-02T16:09:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T16:10:00.000Z\",\"m\":0},{\"datetime\":\"2023-04-02T16:11:00.000Z\",\"m\":14},{\"datetime\":\"2023-04-02T16:12:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:13:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:14:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:15:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:16:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:17:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:18:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:19:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:20:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:21:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:22:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:23:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:24:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:25:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:26:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:27:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:28:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:29:00.000Z\",\"m\":26},{\"datetime\":\"2023-04-02T16:30:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:31:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:32:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:33:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:34:00.000Z\",\"m\":25},{\"datetime\":\"2023-04-02T16:35:00.000Z\",\"m\":25}]","tot":"json"},{"t":"set","p":"payload","pt":"msg","to":"[\t       {\t           \"name\" : \"PPM\",\t           \"data\" : payload.{\"x\": $.datetime, \"y\": $.m}\t    }\t]\t","tot":"jsonata"},{"t":"set","p":"chartheight","pt":"msg","to":"chartheight","tot":"flow"},{"t":"set","p":"titlefont","pt":"msg","to":"titlefont","tot":"flow"},{"t":"set","p":"charttitle","pt":"msg","to":"charttitle","tot":"flow"},{"t":"set","p":"gridline","pt":"msg","to":"gridline","tot":"flow"},{"t":"set","p":"charttitlecolor","pt":"msg","to":"charttitlecolor","tot":"flow"},{"t":"set","p":"chartlinecolor","pt":"msg","to":"chartlinecolor","tot":"flow"},{"t":"set","p":"linewidth","pt":"msg","to":"linewidth","tot":"flow"},{"t":"set","p":"markersize","pt":"msg","to":"markersize","tot":"flow"},{"t":"set","p":"charttype","pt":"msg","to":"charttype","tot":"flow"}],"action":"","property":"","from":"","to":"","reg":false,"x":870,"y":180,"wires":[["7cae627d902fa7e1"]]}]

ApexChart1

image

2 Likes

Cool! Can you feed live data? How about multiple lines?

Going to have look at it later! We are using plotly.js for this (zoom is possible too).

yes, live data too.. i have infact modified the flows to show stored data. i am no expert in all these, just sharing what i could achieve with difficulty so that some one can get help. multiple series is am sure definitely possible, never tried tough, will give it a try and also see plotty.js. must be similar to setup.

my next project is to bundle all this into a custom node or a subflow. have no idea how to do it. work for my next weekend.

Added option of multiple y axes

[{"id":"94892351e8e1ca4f","type":"ui_template","z":"05becf9181a0bb79","group":"ad5d9824d7a971c6","name":"Apex-Chart with Multiple Y Axis","order":1,"width":30,"height":8,"format":"<script src=\"https://cdn.jsdelivr.net/npm/apexcharts\"></script>\n<div id=\"chart\"></div>\n\n<script>\n\n(function(scope)\n                {scope.$watch('msg', function(msg)\n                    {if (msg){var options =\n                        {series: msg.payload,\n                        chart:{type: 'area',stacked: false,height: 355,background:'#000',zoom:\n                                {type: 'x',enabled: true,autoScaleYaxis: true},\n                            toolbar:{autoSelected: 'zoom'}},\n                        dataLabels:{enabled: false},\n                        markers:{size: 2,},\n                        theme: {mode: 'dark'},\n                        colors: ['#FA2E2E', '#FAFA23', '#546E7A', '#E91E63', '#FF9800'],\n                \n                title: {text: msg.charttitle,align: 'center',margin: 10,offsetX: 0,offsetY: 0,floating: false,style: {fontSize:30,fontWeight: 'bold',fontFamily: undefined,color: 'yellow'},},\n                stroke:{width: 3,curve: 'smooth'},\n                yaxis:[{labels:{formatter: function (val){return val.toFixed(1);},},},{labels:{formatter: function (val){return val.toFixed(0);},},},{labels:{formatter: function (val){return val.toFixed(1);},},},],\n                xaxis: {lines: {show: false,},type: 'gradient',datetimeUTC: false,labels: {format: 'dd/MMM HH:mm',},},\n                tooltip: {enabled: true,style: {fontSize: '12px',fontFamily: undefined},x: {show: true,format: 'dd/MMM HH:mm',},\n                row: {colors: undefined,opacity: 0.5},\n                column: {colors: undefined,opacity: 0.5},\n                padding: {top: 0,right: 0,bottom: 0,left: 0},},\n                    grid: {show: true,borderColor: '#ffffff',strokeDashArray: 0,position: 'back',\n                    xaxis: {lines: {show: false}},   \n                    yaxis: {lines: {show: false}},  \n                    row: {colors: undefined,opacity: 0.5},  \n                    column: {colors: undefined,opacity: 0.5},  \n                    padding: {top: 0,right: 0,bottom: 0,left: 0},}};\n\n\nsetTimeout( ()=> {if(scope.chart){scope.chart.updateOptions(options)}else {scope.chart = new ApexCharts(document.querySelector(\"#chart\"), options);scope.chart.render();}}, 1000)}});})(scope);\n\n</script>","storeOutMessages":false,"fwdInMessages":false,"resendOnRefresh":false,"templateScope":"local","className":"","x":1240,"y":2460,"wires":[[]]},{"id":"8c9886312704c689","type":"inject","z":"05becf9181a0bb79","name":"","props":[{"p":"payload"},{"p":"charttitle","v":"Title Goes here","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"[{\"name\":\"Yield\",\"type\":\"line\",\"data\":[{\"x\":\"2022-05\",\"y\":97.92},{\"x\":\"2022-06\",\"y\":98.52},{\"x\":\"2022-07\",\"y\":98.88},{\"x\":\"2022-08\",\"y\":98.66},{\"x\":\"2022-10\",\"y\":99.47},{\"x\":\"2022-11\",\"y\":98.32},{\"x\":\"2022-12\",\"y\":98.89},{\"x\":\"2023-01\",\"y\":98.7},{\"x\":\"2023-02\",\"y\":99.91},{\"x\":\"2023-03\",\"y\":98.72},{\"x\":\"2023-04\",\"y\":96.91},{\"x\":\"2023-05\",\"y\":96.2},{\"x\":\"2023-06\",\"y\":100.1},{\"x\":\"2023-07\",\"y\":98.83}]},{\"name\":\"Total Cases\",\"type\":\"column\",\"data\":[{\"x\":\"2022-05\",\"y\":6993},{\"x\":\"2022-06\",\"y\":8585},{\"x\":\"2022-07\",\"y\":9532},{\"x\":\"2022-08\",\"y\":8062},{\"x\":\"2022-10\",\"y\":7761},{\"x\":\"2022-11\",\"y\":7778},{\"x\":\"2022-12\",\"y\":4740},{\"x\":\"2023-01\",\"y\":6763},{\"x\":\"2023-02\",\"y\":5095},{\"x\":\"2023-03\",\"y\":8025},{\"x\":\"2023-04\",\"y\":6913},{\"x\":\"2023-05\",\"y\":5207},{\"x\":\"2023-06\",\"y\":6297},{\"x\":\"2023-07\",\"y\":8582}]},{\"name\":\"Loss Qty\",\"type\":\"area\",\"data\":[{\"x\":\"2022-05\",\"y\":-1602.6},{\"x\":\"2022-06\",\"y\":-1391},{\"x\":\"2022-07\",\"y\":-1162.4},{\"x\":\"2022-08\",\"y\":-1180.4},{\"x\":\"2022-10\",\"y\":-443.2},{\"x\":\"2022-11\",\"y\":-1435.6},{\"x\":\"2022-12\",\"y\":-572},{\"x\":\"2023-01\",\"y\":-959.6},{\"x\":\"2023-02\",\"y\":-49},{\"x\":\"2023-03\",\"y\":-1126},{\"x\":\"2023-04\",\"y\":-2381.83},{\"x\":\"2023-05\",\"y\":-2218.92},{\"x\":\"2023-06\",\"y\":65.26},{\"x\":\"2023-07\",\"y\":-1098.57}]}]","payloadType":"json","x":1070,"y":2400,"wires":[["94892351e8e1ca4f"]]},{"id":"ad5d9824d7a971c6","type":"ui_group","name":"Group 1","tab":"1109ef1fd9626bbf","order":1,"disp":false,"width":"30","collapse":false,"className":""},{"id":"1109ef1fd9626bbf","type":"ui_tab","name":"HOME2","icon":"dashboard","order":1,"disabled":false,"hidden":false}]```
3 Likes

Are you able to identify which y-axis scale belongs to which data?
For example by colour or labelling the y-axis scales.

I would be glad if i knew how.

currently i know because i know my data. it is possible to label the axis scale, but i dont know how, yet.
the apex chart documentation has this... still trying to get into understanding, currently i just do trial and error and get happy if something works. :slight_smile:

would love if someone helps me to get there fast, i am just posting here whenever i get some positive result, to help someone who might be going through the same difficulty as i was/am.

image

Edit:

Got it!. .some what. Thanks for nudging me to get close to the solution.

yaxis:[{labels:{formatter: function (val){return val.toFixed(1);},},title: { text: "Yield (%)", style: {color: "#008FFB"}},},

[{"id":"8c9886312704c689","type":"inject","z":"05becf9181a0bb79","name":"","props":[{"p":"payload"},{"p":"charttitle","v":"Title Goes here","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"[{\"name\":\"Yield\",\"type\":\"line\",\"data\":[{\"x\":\"2022-05\",\"y\":97.92},{\"x\":\"2022-06\",\"y\":98.52},{\"x\":\"2022-07\",\"y\":98.88},{\"x\":\"2022-08\",\"y\":98.66},{\"x\":\"2022-10\",\"y\":99.47},{\"x\":\"2022-11\",\"y\":98.32},{\"x\":\"2022-12\",\"y\":98.89},{\"x\":\"2023-01\",\"y\":98.7},{\"x\":\"2023-02\",\"y\":99.91},{\"x\":\"2023-03\",\"y\":98.72},{\"x\":\"2023-04\",\"y\":96.91},{\"x\":\"2023-05\",\"y\":96.2},{\"x\":\"2023-06\",\"y\":100.1},{\"x\":\"2023-07\",\"y\":98.83}]},{\"name\":\"Total Cases\",\"type\":\"column\",\"data\":[{\"x\":\"2022-05\",\"y\":6993},{\"x\":\"2022-06\",\"y\":8585},{\"x\":\"2022-07\",\"y\":9532},{\"x\":\"2022-08\",\"y\":8062},{\"x\":\"2022-10\",\"y\":7761},{\"x\":\"2022-11\",\"y\":7778},{\"x\":\"2022-12\",\"y\":4740},{\"x\":\"2023-01\",\"y\":6763},{\"x\":\"2023-02\",\"y\":5095},{\"x\":\"2023-03\",\"y\":8025},{\"x\":\"2023-04\",\"y\":6913},{\"x\":\"2023-05\",\"y\":5207},{\"x\":\"2023-06\",\"y\":6297},{\"x\":\"2023-07\",\"y\":8582}]},{\"name\":\"Loss Qty\",\"type\":\"area\",\"data\":[{\"x\":\"2022-05\",\"y\":-1602.6},{\"x\":\"2022-06\",\"y\":-1391},{\"x\":\"2022-07\",\"y\":-1162.4},{\"x\":\"2022-08\",\"y\":-1180.4},{\"x\":\"2022-10\",\"y\":-443.2},{\"x\":\"2022-11\",\"y\":-1435.6},{\"x\":\"2022-12\",\"y\":-572},{\"x\":\"2023-01\",\"y\":-959.6},{\"x\":\"2023-02\",\"y\":-49},{\"x\":\"2023-03\",\"y\":-1126},{\"x\":\"2023-04\",\"y\":-2381.83},{\"x\":\"2023-05\",\"y\":-2218.92},{\"x\":\"2023-06\",\"y\":65.26},{\"x\":\"2023-07\",\"y\":-1098.57}]}]","payloadType":"json","x":1070,"y":2400,"wires":[["94892351e8e1ca4f"]]},{"id":"94892351e8e1ca4f","type":"ui_template","z":"05becf9181a0bb79","group":"ad5d9824d7a971c6","name":"Apex-Chart with Multiple Y Axis","order":1,"width":30,"height":8,"format":"<script src=\"https://cdn.jsdelivr.net/npm/apexcharts\"></script>\n<div id=\"chart\"></div>\n\n<script>\n\n(function(scope)\n                {scope.$watch('msg', function(msg)\n                    {if (msg){var options =\n                        {series: msg.payload,\n                        chart:{type: 'area',stacked: false,height: 355,background:'#000',zoom:\n                                {type: 'x',enabled: true,autoScaleYaxis: true},\n                            toolbar:{autoSelected: 'zoom'}},\n                        dataLabels:{enabled: false},\n                        markers:{size: 2,},\n                        theme: {mode: 'dark'},\n                        colors: ['#FA2E2E', '#FAFA23', '#546E7A', '#E91E63', '#FF9800'],\n                \n                title: {text: msg.charttitle,align: 'center',margin: 10,offsetX: 0,offsetY: 0,floating: false,style: {fontSize:30,fontWeight: 'bold',fontFamily: undefined,color: 'yellow'},},\n                stroke:{width: 3,curve: 'smooth'},\n                yaxis:[{labels:{formatter: function (val){return val.toFixed(1);},},title: { text: \"Yield (%)\", style: {color: \"#008FFB\"}},},{labels:{formatter: function (val){return val.toFixed(0);},},},{labels:{formatter: function (val){return val.toFixed(1);},},},],\n\n                xaxis: {lines: {show: false,},type: 'gradient',datetimeUTC: false,labels: {format: 'dd/MMM HH:mm',},},\n                tooltip: {enabled: true,style: {fontSize: '12px',fontFamily: undefined},x: {show: true,format: 'dd/MMM HH:mm',},\n                row: {colors: undefined,opacity: 0.5},\n                column: {colors: undefined,opacity: 0.5},\n                padding: {top: 0,right: 0,bottom: 0,left: 0},},\n                    grid: {show: true,borderColor: '#ffffff',strokeDashArray: 0,position: 'back',\n                    xaxis: {lines: {show: false}},   \n                    yaxis: {lines: {show: false}},\n                    row: {colors: undefined,opacity: 0.5},  \n                    column: {colors: undefined,opacity: 0.5},  \n                    padding: {top: 0,right: 0,bottom: 0,left: 0},}};\n\n\nsetTimeout( ()=> {if(scope.chart){scope.chart.updateOptions(options)}else {scope.chart = new ApexCharts(document.querySelector(\"#chart\"), options);scope.chart.render();}}, 1000)}});})(scope);\n\n</script>","storeOutMessages":false,"fwdInMessages":false,"resendOnRefresh":false,"templateScope":"local","className":"","x":1240,"y":2460,"wires":[[]]},{"id":"ad5d9824d7a971c6","type":"ui_group","name":"Group 1","tab":"1109ef1fd9626bbf","order":1,"disp":false,"width":"30","collapse":false,"className":""},{"id":"1109ef1fd9626bbf","type":"ui_tab","name":"HOME2","icon":"dashboard","order":1,"disabled":false,"hidden":false}]
1 Like

Added option of datalabels on a selected series only and adjust line thickness for each series

dataLabels: {enabled: true,enabledOnSeries: [0],formatter: function (val, opts) {return val},},
stroke:{width: [8,0,2],curve: ['smooth', 'smooth', 'smooth']},

[{"id":"7ec1374684484253","type":"ui_button","z":"f0ae706f0b39513f","g":"a511ccb853b13640","name":"","group":"3c4ffa4110cd59c8","order":1,"width":"3","height":"1","passthru":false,"label":"Clear","tooltip":"","color":"","bgcolor":"","className":"","icon":"","payload":"[]","payloadType":"json","topic":"topic","topicType":"msg","x":260,"y":60,"wires":[["94892351e8e1ca4f"]]},{"id":"dae53b72edc705e4","type":"ui_button","z":"f0ae706f0b39513f","g":"a511ccb853b13640","name":"","group":"3c4ffa4110cd59c8","order":1,"width":"3","height":"1","passthru":false,"label":"Refresh","tooltip":"","color":"","bgcolor":"","className":"","icon":"","payload":"","payloadType":"str","topic":"topic","topicType":"msg","x":270,"y":120,"wires":[["9747d50d74971dc9"]]},{"id":"9747d50d74971dc9","type":"change","z":"f0ae706f0b39513f","g":"a511ccb853b13640","name":"","rules":[{"t":"set","p":"payload","pt":"msg","to":"[{\"name\":\"Series-1\",\"type\":\"line\",\"data\":[{\"x\":\"2022-05\",\"y\":97.92},{\"x\":\"2022-06\",\"y\":98.52},{\"x\":\"2022-07\",\"y\":98.88},{\"x\":\"2022-08\",\"y\":98.66},{\"x\":\"2022-10\",\"y\":99.47},{\"x\":\"2022-11\",\"y\":98.32},{\"x\":\"2022-12\",\"y\":98.89},{\"x\":\"2023-01\",\"y\":98.7},{\"x\":\"2023-02\",\"y\":99.91},{\"x\":\"2023-03\",\"y\":98.72},{\"x\":\"2023-04\",\"y\":96.91},{\"x\":\"2023-05\",\"y\":96.2},{\"x\":\"2023-06\",\"y\":100.1},{\"x\":\"2023-07\",\"y\":98.83}]},{\"name\":\"Series-2\",\"type\":\"column\",\"data\":[{\"x\":\"2022-05\",\"y\":6993},{\"x\":\"2022-06\",\"y\":8585},{\"x\":\"2022-07\",\"y\":9532},{\"x\":\"2022-08\",\"y\":8062},{\"x\":\"2022-10\",\"y\":7761},{\"x\":\"2022-11\",\"y\":7778},{\"x\":\"2022-12\",\"y\":4740},{\"x\":\"2023-01\",\"y\":6763},{\"x\":\"2023-02\",\"y\":5095},{\"x\":\"2023-03\",\"y\":8025},{\"x\":\"2023-04\",\"y\":6913},{\"x\":\"2023-05\",\"y\":5207},{\"x\":\"2023-06\",\"y\":6297},{\"x\":\"2023-07\",\"y\":8582}]},{\"name\":\"Series-3\",\"type\":\"area\",\"data\":[{\"x\":\"2022-05\",\"y\":-1602.6},{\"x\":\"2022-06\",\"y\":-1391},{\"x\":\"2022-07\",\"y\":-1162.4},{\"x\":\"2022-08\",\"y\":-1180.4},{\"x\":\"2022-10\",\"y\":-443.2},{\"x\":\"2022-11\",\"y\":-1435.6},{\"x\":\"2022-12\",\"y\":-572},{\"x\":\"2023-01\",\"y\":-959.6},{\"x\":\"2023-02\",\"y\":-49},{\"x\":\"2023-03\",\"y\":-1126},{\"x\":\"2023-04\",\"y\":-2381.83},{\"x\":\"2023-05\",\"y\":-2218.92},{\"x\":\"2023-06\",\"y\":65.26},{\"x\":\"2023-07\",\"y\":-1098.57}]}]","tot":"json"},{"t":"set","p":"charttitle","pt":"msg","to":"Place Chart Title Here","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":440,"y":120,"wires":[["94892351e8e1ca4f"]]},{"id":"94892351e8e1ca4f","type":"ui_template","z":"f0ae706f0b39513f","g":"a511ccb853b13640","group":"a2d9ac75438797b7","name":"Apex-Chart with Multiple Y Axis","order":1,"width":30,"height":8,"format":"<script src=\"https://cdn.jsdelivr.net/npm/apexcharts\"></script>\n<div id=\"chart\"></div>\n\n<script>\n\n(function(scope)\n                {scope.$watch('msg', function(msg)\n                    {if (msg){var options =\n                        {series: msg.payload,\n                        chart:{type: 'area',stacked: false,height: 355,background:'#000',zoom:\n                                {type: 'x',enabled: true,autoScaleYaxis: true},\n                            toolbar:{autoSelected: 'zoom'}},\n                        dataLabels: {enabled: true,enabledOnSeries: [0],formatter: function (val, opts) {return val},},\n                        markers:{size: 2,},\n                        theme: {mode: 'dark'},\n                        colors: ['#FA2E2E', '#FAFA23', '#546E7A', '#E91E63', '#FF9800'],\n                \n                title: {text: msg.charttitle,align: 'center',margin: 10,offsetX: 0,offsetY: 0,floating: false,style: {fontSize:30,fontWeight: 'bold',fontFamily: undefined,color: 'yellow'},},\n                stroke:{width: [8,0,2],curve: ['smooth', 'smooth', 'smooth']},\n                yaxis:[\n                {labels:{formatter: function (val){return val.toFixed(1);},},title: { text: \"Title-1\", style: {color: \"#FA2E2E\"}},},\n                {labels:{formatter: function (val){return val.toFixed(0);},},title: { text: \"Title-2\", style: {color: \"#FAFA23\"}},},\n                {labels:{formatter: function (val){return val.toFixed(1);},},title: { text: \"Title-3\", style: {color: \"#546E7A\"}},},],\n\n                xaxis: {lines: {show: false,},type: 'gradient',datetimeUTC: false,labels: {format: 'dd/MMM HH:mm',},},\n                tooltip: {enabled: true,style: {fontSize: '12px',fontFamily: undefined},x: {show: true,format: 'dd/MMM HH:mm',},\n                row: {colors: undefined,opacity: 0.5},\n                column: {colors: undefined,opacity: 0.5},\n                padding: {top: 0,right: 0,bottom: 0,left: 0},},\n                    grid: {show: true,borderColor: '#ffffff',strokeDashArray: 0,position: 'back',\n                    xaxis: {lines: {show: false}},   \n                    yaxis: {lines: {show: false}},\n                    row: {colors: undefined,opacity: 0.5},  \n                    column: {colors: undefined,opacity: 0.5},  \n                    padding: {top: 0,right: 0,bottom: 0,left: 0},}};\n\n\nsetTimeout( ()=> {if(scope.chart){scope.chart.updateOptions(options)}else {scope.chart = new ApexCharts(document.querySelector(\"#chart\"), options);scope.chart.render();}}, 1000)}});})(scope);\n\n</script>","storeOutMessages":false,"fwdInMessages":false,"resendOnRefresh":false,"templateScope":"local","className":"","x":760,"y":120,"wires":[[]]},{"id":"3c4ffa4110cd59c8","type":"ui_group","name":"VARIABLES","tab":"0a734ef04f43c77a","order":1,"disp":false,"width":"30","collapse":false,"className":""},{"id":"a2d9ac75438797b7","type":"ui_group","name":"CHART","tab":"0a734ef04f43c77a","order":2,"disp":false,"width":"30","collapse":false,"className":""},{"id":"0a734ef04f43c77a","type":"ui_tab","name":"APEX","icon":"dashboard","order":16,"disabled":false,"hidden":false}]
3 Likes