Anybody using the Flexdash Time Plot Raw
or uPlot
?
I've used the Flexdash Time Plot
node so far for charts, which is much easier to use, but I wanted the flexibility to create a High/Low bands chart, and use more advanced formatting.
I've read the uPlot guide (which Time Plot Raw
uses), and have got the basic framework working.
But, in the Time Plot
node, the chart values appear as a pop-up when hovering over the datapoints, but I can't get my head around how to do that with Time Plot Raw
.
Not sure if it's a flexdash limitation, or my bad!
I've googled, and even tried to reverse engineer the Time Plot
node, but the code is difficult to follow...
Anyone any ideas? I've attached a small working flow of my work so far (flexdash nodes required).
[{"id":"81d402139aaaa9bf","type":"inject","z":"1543d308b342690a","name":"","props":[{"p":"payload"}],"repeat":"","crontab":"","once":true,"onceDelay":0.1,"topic":"","payload":"[[1670007600,4,5,3],[1670011200,5.02,5.08,4.78],[1670014800,5.1,5.14,4.92],[1670018400,4.41,5.1,4.32],[1670022000,4.84,4.91,4.41],[1670025600,4.67,4.84,4.6],[1670029200,4.55,4.67,4.51],[1670032800,4.61,4.67,4.55],[1670036400,4.39,4.61,4.19],[1670040000,4.39,4.43,4.3],[1670043600,4.33,4.49,4.27],[1670047200,4.67,4.68,4.33],[1670050800,4.78,4.89,4.67],[1670054400,4.51,4.78,4.47],[1670058000,5.19,5.23,4.51],[1670061600,5.93,5.94,5.19],[1670065200,6.65,6.68,5.93],[1670068800,6.93,7.01,6.65],[1670072400,7.21,7.25,6.93],[1670076000,7.02,7.21,6.97],[1670079600,6.75,7.02,6.74],[1670083200,6.09,6.75,6.04],[1670086800,5.56,6.09,5.48],[1670090400,5.24,5.56,5.22],[1670094000,4.77,5.24,4.75]]","payloadType":"json","x":275,"y":2145,"wires":[["8be74ea01231dfab"]]},{"id":"8be74ea01231dfab","type":"change","z":"1543d308b342690a","name":"","rules":[{"t":"set","p":"options","pt":"msg","to":"{\"series\":[{},{\"label\":\"Temp\",\"stroke\":\"purple\",\"width\":1,\"dash\":[10,5],\"value\":\"degC\",\"scale\":\"temp\"},{\"label\":\"MaxTemp\",\"stroke\":\"red\",\"scale\":\"temp\"},{\"label\":\"MinTemp\",\"stroke\":\"green\",\"scale\":\"temp\"}],\"bands\":[{\"series\":[2,1],\"fill\":\"rgba(255,0,0,0.1)\"},{\"series\":[1,3],\"fill\":\"rgba(0,255,0,0.1)\"}],\"axes\":[{},{\"scale\":\"temp\",\"grid\":{\"show\":true}}],\"ticks\":{\"show\":true,\"stroke\":\"#eee\",\"width\":2,\"dash\":[],\"size\":10}}","tot":"json"},{"t":"set","p":"title","pt":"msg","to":"Time Plot Raw - High/Low bands example","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":435,"y":2145,"wires":[["63f87178b139ec44","d94c6b4c7d22e8e7"]]},{"id":"d94c6b4c7d22e8e7","type":"debug","z":"1543d308b342690a","name":"debug 23","active":false,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","statusVal":"","statusType":"auto","x":660,"y":2180,"wires":[]},{"id":"63f87178b139ec44","type":"fd-time-plot-raw","z":"1543d308b342690a","fd_container":"a2fd476acabc61e3","fd_cols":"6","fd_rows":"4","fd_array":false,"fd_array_max":10,"name":"","title":"","popup_info":"","options":"","data":null,"x":670,"y":2145,"wires":[]},{"id":"a2fd476acabc61e3","type":"flexdash container","name":"Weather","kind":"StdGrid","fd_children":",6916febb69369323,754b848b6afed702,2876ba66ff2679bb,43aefa2fadb84bae,7c544937f1551351,a740e629dee0d44b,dbdb33e6290c28b1,ca21852cd51c24f5,0d31953fbe4bf5da,403cac5059d3b463,6149f97eab3c8c6b,d1cbbc0e8b5f919d,63f87178b139ec44","title":"","tab":"1839949e733ccb05","min_cols":"1","max_cols":"20","parent":"69c2e3f5798c3475","solid":false,"cols":"1","rows":"1"},{"id":"1839949e733ccb05","type":"flexdash tab","name":"Weather","icon":"mdi-weather-night-partly-cloudy","title":"","fd_children":",a2fd476acabc61e3","fd":"e8f5aea52ab49500"},{"id":"69c2e3f5798c3475","type":"flexdash container","name":"Energy","kind":"StdGrid","fd_children":",43719d5359575f6b,bb113511ea8e41fd,3a60132d9af9f863,6201d0ac747c461c,69906bafd65a0c83,75c16f30cf7f4718,f38aa8e4f00caf79","title":"","tab":"fef6c0f6d48841d6","min_cols":"8","max_cols":10,"parent":"","solid":false,"cols":"1","rows":"1"},{"id":"fef6c0f6d48841d6","type":"flexdash tab","name":"Energy","icon":"mdi-home-lightning-bolt-outline","title":"","fd_children":",69c2e3f5798c3475","fd":"e8f5aea52ab49500"}]