[Announce] node-red-contrib-ui-state-trail [Features]

Result is from same flow just viewing dashboard in different PC , you may see some lines missing (hiding? since i can click at approximate area based on other screen and i get output)

So what is the difference of those PC's then?

Are they using the same browser?

It may freely be the some kind of issue related to layout and scaling setup ...

image

scaling and layout for both PC at their default(100%)
one is using MS Edge (crisper view PC) other is using google chrome(blur one). the other one MS Edge is also Blurred ) i am installing chrome in other PC and will update soon

there is no problem with the browser, the PC with good display has it good in both MS Edge and Google Chrome, the PC with ;blur' display is blur in both Browser. so it is clearly something to do with PC setting ?

very difficult to compare since both PC are very different.

what about this if display settings were 'incorrect' say in one PC, how is it OK if there are less number of status changes ?

It is out of reach of my hands anyway if it depends on computer/graphics card or something similar. I can only guess about the issue but I can't see anything to be improved.

I'm currently using Google Chrome, maybe I should've tested this on a different browser. I'll post the picture once I've gt the settings loaded.

EDIT: huh, apparently switching over to FireFox have clearer line, Chrome and Microsoft Edge will still have the blurred out line. All 3 of the pictures posted are from the same timeline but different browser

My current resolution is at the recommended settings 150% and 1920 x 1080 settings. Changing those doesn't seem to improve at all.

What is the version of ui-state-trail you are using ?

image

image

updated to latest version available, but problem still exists.
looks like i saw another bug with new version, have created another topic for the same.

The colored bar is created as one svg element, color change on the bar is made with the gradient. This is what I found as most performance friendly solution to make such colored bar. As it is known that dashboard is used also on low edge computers, thinking performance wise is one key components of such widgets.

It has its limitations for sure and and one of them you are experiencing with this blurriness. There isn't any simple way out of this issue. If this is too much of issue for your dashboard - It just makes the node incompatible for your dashboard.

To make such bar with every element rendered as rectangle, it is possible but you'll reach similar problems like when width of narrow rectangle is less than your browser can render or when the bar element must be placed at the not pixel perfect position. So the outcome is unpredictable. On top of that, the performance issue also may become into play.

It may be that the svg is not perfect for this job at all...

I am quite happy with the way it is now. I am finding it extremely useful for displaying the status of a process (on/off) and able to get the user to click and get the output in the form of From and To for him to update the reasons for stoppage in a database. in any case, i am trying to filter out the 'off' status more than 10 minutes only for user to update the reasons, and hence it would not matter (blur).
thanks for building this great widget,

Ah, if that's the case, it shouldn't be a problem, I'll try to use the dashboard on FireFox next time since it works well there.