Connected tooltip lags and glitches on paired chart

[Bilge]

Version

5.1.0 (Firefox)

Steps to reproduce

echarts.connect([chart1, chart2]);

What is expected?

Tooltips animate in unison.

What is actually happening?

The tooltip of the paired chart that the user is not interacting with lags behind the one that the user is interacting with. In 5.1.0, it becomes even worse, starting to "glitch out", by warping to random positions at single frame intervals.

5.0.2 (lag)

5.1.0 (lag and glitching)

[echarts-bot]

Hi! We've received your issue and please be patient to get responded. 🎉
The average response time is expected to be within one day for weekdays.

In the meanwhile, please make sure that you have posted enough image to demo your request. You may also check out the API and chart option to get the answer.

If you don't get helped for a long time (over a week) or have an urgent question to ask, you may also send an email to dev@echarts.apache.org. Please attach the issue link if it's a technical question.

If you are interested in the project, you may also subscribe our mailing list.

Have a nice day! 🍵

[pissang]

@plainheart Is this related to the new transform3d enhancement in tooltip?

[plainheart]

I'm not very sure yet. I have known about this issue since the initial development. But it seems it only occurs when transition: transform is enabled and the dev tool is open. So I did't mention it before.

[pissang]

@plainheart Remind me that I also met some lagging issues when devtool is open.

[Bilge]

@pissang Please note, in the example videos, I am using Firefox. Devtools are not open.

After examining the results in Chrome, I understand why you were talking about the dev tools (developer console). Yes, in Chrome, it seems to work perfectly well unless the developer console is open. However, in Firefox this is a problem all the time, whether the console is open or not. Therefore I think this is quite a serious issue.

---

Aside, I think animations in general are impacted. I also observe flickering of markLine labels. However, this happens in both Firefox and Chrome, even with developer console closed, so maybe not related? (Watch year 1 label).

Firefox on ECharts 5.1.0	Chrome in ECharts 5.1.0