node-red-dashboard icon indicating copy to clipboard operation
node-red-dashboard copied to clipboard

eChart: flickering at mouse hover

Open m-schaeffler opened this issue 3 months ago • 4 comments

Current Behavior

when the mouse hovers over the chart, I get flickering by the chart bringing a line in front

https://github.com/user-attachments/assets/8eda1351-e449-4504-ac74-7bfefb906b62

Expected Behavior

no flickering

Steps To Reproduce

mouse hover over a line diagram with overlapping lines

Environment

  • Dashboard version: 1.27.1
  • Node-RED version: 4.1.0
  • Node.js version:
  • npm version:
  • Platform/OS:
  • Browser:

Have you provided an initial effort estimate for this issue?

I am not a FlowFuse team member

m-schaeffler avatar Sep 16 '25 17:09 m-schaeffler

I agree that's annoying, but I'm really struggling to reproduce consistently. I think it's very dependent on the shape of the lines. I have very noisy data that overlapping a lot, and occasionally see the flash, but it's not common.

joepavitt avatar Sep 23 '25 14:09 joepavitt

I found https://echarts.apache.org/en/option.html#axisPointer.triggerEmphasis and set that to false, as the docs suggest that's what we want - it made it a lot worse and emphasised it more 😕

joepavitt avatar Sep 23 '25 14:09 joepavitt

with v1.28.0 no change

m-schaeffler avatar Sep 25 '25 06:09 m-schaeffler

@m-schaeffler yes, I did spend an hour trying, but to no avail. It's not clear to me what eCharts expects, and is something I will need to raise with them. We never claimed to have this fixed in 1.28.0 (there was no PR raised against this issue, nor mentioned in the release notes)

joepavitt avatar Sep 25 '25 09:09 joepavitt