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}]