✨ FlexDash alpha release - round 3

I have not changed anything from the example i copied from the Flexdash, and it is having in string form and it is working. i changed that to an array and it still is working.

the same inject node i copied with just changing the number of data points to suit my msg,payload and it is not working even in string mode or an array mode.

i will try to get my data to have 7 series to match your example and just change the msg.payload and see.

Sorry, I should have looked more in detail. The data you have is in reverse time order. It needs to be in incrementing time order. uPlot doesn't seem to care but the tooltip plugin evidently does...

1 Like

Oh! will try to get the data in reverse and see. Thanks.

Hmmm.. you say it is reverse, but in the graph the time line is absolutely fine, 11am here local time and right hand extreme is matching

the same exact data i just asked my sql query to sort in different order based on time, the tooltip is working fine now , I am blurring below comments since they are not an issue with flexdash, i need to work on my mysql query to get same range data, since the order is reversed,

Summary

BUT, the graph is totally wrong (), the scale is only 0 to 1, and i don't what is the time line showing some odd date my Mysql Query is giving wrong data due to the time reversal i think (no problem of flexdash chart i believe,it is exactly showing what data is being fed.)

Content of Debug 90 (reverse as per your comment)

[[1672205940,8,98.4],[1672205880,2,96.9],[1672205820,0,94.8],[1672205760,0,94.5],[1672205700,0,95.1],[1672205640,0,96],[1672205580,0,96.6],[1672205520,1,97.5],[1672205460,8,97.8],[1672205400,9,98.7]]

Content of Debug 91 (the same data in reverse order from mysql sorted desc)

[[1649678285,1,0],[1649678345,0,0],[1649678405,0,0],[1649678465,0,0],[1649678525,0,0],[1649678585,0,0],[1649678645,0,0],[1649678705,0,0],[1649678765,0,0],[1649678825,0,0]]

timeplot4

I need to check mysql query more thoroughly to get the same data.

1 Like

It's best to have mysql sort it, but in a pinch you can also sort it in a (function) node...
And yes, uPlot does the right thing and draws the lines right-to-left :wink:

1 Like

I can use the function node, i have used it some place else, but my mysql database is very huge, and i need to filter out first and then sort it out, i can do that, and have done it.
its working perfectly. was i doing the correct thing to respond to this thread, should i have started another thread ?

timeplot5

this doesn't seems to be true. it is taking both an array and a string perfectly.

Yup, that's correct. I had lots of issues with the Node-RED TypedInput and did extra conversions... I should fix that...

Is there a way to turn on syntax highlighting in the Widget code tab?

image

1 Like

Yes, it's a simple fix. I guess I have to spend some time putting a release with a few small fixes together...

1 Like
3 Jan 14:16:23 - [info] Node-RED FlexDash plugin version 0.4.132
3 Jan 14:16:24 - [info] Node-RED FlexDash version 0.4.132
3 Jan 14:16:24 - [info] Node-RED FD Core Widgets version 0.4.61
3 Jan 14:16:24 - [info] FlexDash UI version 0.4.83
Node red works on WIN10

Hi, I have the same problem: I see that since the last update I cannot send on the graph the values that I receive as I go along.

  • here is what I pass to the Time plot node:
payload: array[2]
0: 1672754135.816
1: 18.1
labels: array[1]
0: "temp"
  • the result:
    image

  • So I figured I'm not sending a full array of values and tried the provided example Time-wind-plots:
    image

image

  • result: there is nothing!?

NOTE: I cleared the browser cache and restarted Node Red

1 Like

It would really help if you could post a simple repro flow. Then I can import it here, see the problem, and send you a fix or work-around.

Did you look for errors in the debug pane, the Node-RED log, and the browser console?

Release

3 Jan 14:33:00 - [info] Node-RED FlexDash plugin version 0.4.134                   
3 Jan 14:33:02 - [info] Node-RED FlexDash version 0.4.134                          
3 Jan 14:33:02 - [info] Node-RED FD Core Widgets version 0.4.64                    
3 Jan 14:33:04 - [info] FlexDash UI version 0.4.84                                 

This release has a few minor fixes:

  • Syntax highlighting in code editor for custom widget
  • Partially fix dynamic Custom Widget title changes (msg.title)
  • Fix issue where reloading flow editor causes edits made in FlexDash to reappear (nodes immediately show a blue dot)
  • Add validation of payload for TimePlot widgets, e.g. checking that the right number of series are included in all data points. Issues generate warnings in the debug panel.

New Issues:

  • The custom widget title is not fully fixed. Specifically, the title is always handled by the FlexDash wrapper and the widget cannot receive a title prop. To draw the title in the widget itself, set the title to null or empty string in the Config panel and use a prop with a different name, like heading.

FlexDash 2023 :dash:

2 Likes
3 Jan 14:33:00 - [info] Node-RED FlexDash plugin version 0.4.134                   
3 Jan 14:33:02 - [info] Node-RED FlexDash version 0.4.134                          
3 Jan 14:33:02 - [info] Node-RED FD Core Widgets version 0.4.64                    
3 Jan 14:33:04 - [info] FlexDash UI version 0.4.84

With the latest update everything is back to normal. My flow and your flow example Time-wind-plots :ok_hand:


Nice !

However, I note error messages when starting NodeRed:

FD e8f5aea52ab49500 dashboard "FlexDash"
   fef6c0f6d48841d6   flexdash tab "Demo"
   05410bf511c13d8c   flexdash tab "Weather"
FD fef6c0f6d48841d6 tab "Demo" fd=e8f5aea52ab49500
   69c2e3f5798c3475   flexdash container "Demo grid"
FD 69c2e3f5798c3475 StdGrid "Demo grid" tab=fef6c0f6d48841d6
   97e34cb72c2f36bd   fd-date-time "Flow started at"
   7ed8a11dd4aafe57   fd-time-plot "Time Plot"
   3e33a829bba2e887   fd-number-field "maisonTemp"
FD 05410bf511c13d8c tab "Weather" fd=e8f5aea52ab49500
   8b9644722981282e   flexdash container "Weather"
4 Jan 12:34:12 - [info] Assuming 6916febb69369323 is deleted
4 Jan 12:34:12 - [info] Assuming 754b848b6afed702 is deleted
4 Jan 12:34:12 - [info] Assuming 2876ba66ff2679bb is deleted
4 Jan 12:34:12 - [info] Assuming 43aefa2fadb84bae is deleted
4 Jan 12:34:12 - [info] Assuming 7c544937f1551351 is deleted
4 Jan 12:34:12 - [info] Assuming a740e629dee0d44b is deleted
4 Jan 12:34:12 - [info] Assuming dbdb33e6290c28b1 is deleted
4 Jan 12:34:12 - [info] Assuming ca21852cd51c24f5 is deleted
4 Jan 12:34:12 - [info] Assuming 0d31953fbe4bf5da is deleted
4 Jan 12:34:12 - [info] Assuming 403cac5059d3b463 is deleted
4 Jan 12:34:12 - [info] Assuming 6149f97eab3c8c6b is deleted
4 Jan 12:34:12 - [info] Assuming d1cbbc0e8b5f919d is deleted
4 Jan 12:34:12 - [info] Assuming 63f87178b139ec44 is deleted
4 Jan 12:34:12 - [info] Assuming 8c1d238354e035f9 is deleted
FD 8b9644722981282e StdGrid "Weather" tab=05410bf511c13d8c
   6916febb69369323   missing node config
   754b848b6afed702   missing node config
   2876ba66ff2679bb   missing node config
   43aefa2fadb84bae   missing node config
   7c544937f1551351   missing node config
   a740e629dee0d44b   missing node config
   dbdb33e6290c28b1   missing node config
   ca21852cd51c24f5   missing node config
   0d31953fbe4bf5da   missing node config
   403cac5059d3b463   missing node config
   6149f97eab3c8c6b   missing node config
   d1cbbc0e8b5f919d   missing node config
   63f87178b139ec44   missing node config
   8c1d238354e035f9   missing node config
   f2976d9ef12a2927   fd-time-plot-raw "weather table"
4 Jan 12:34:12 - [info] Started flows


When I look for node 6916febb69369323 "missing node config" I don't see anything abnormal. If it can help you for other debugging.
Once again nice work. :clap:

Good news! Would have been good to find out what went wrong, but if it doesn't recur...

No worries, they're info messages about deleted nodes for which the FlexDash plugin still has positioning info. This stuff will go away with the changes I'm making.

2 Likes

'been quiet here for a bit, but that doesn't mean nothing is happening... Here's the upcoming editing of a grid container right in the flow editor:

flexdash-reorder2

At some point I'll get a real preview of the widgets instead of just their labels but that's going to take some FlexDash code reorg.

10 Likes

Looking good :grinning:

1 Like

Super Like.

1 Like

Yes I can confirm that.
I have slowed down the developments from Thorsten a bit. But he is all yours again guys :wink:

2 Likes

Brilliant! I'm looking forward to this rolling out.

2 Likes