eChart: flickering at mouse hover
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
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.
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 😕
with v1.28.0 no change
@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)