Tooltip disappears when updating (bar) chart

Bug report

Codepen

https://codepen.io/stealthmate/pen/OJMBVaW

Explanation

• What is the behavior you expect?

If, after updating the series, the mouse is still over a bar (or the respective element for other chart types), the tooltip should get updated as well instead of simply disappearing. I’m working on a 100% stacked chart that gets updated every second. The ratios stay mostly the same and I want the user to be able to see the real values when mousing over. I can do this with a formatter, however the problem is that whenever the chart updates, the tooltip disappears and that defeats its purpose.

In the codepen above, there’s the bottom part of the chart (series named const) that stays relatively the same each second, but when I mouse over it the tooltip only appears until the next update, and I want it to be shown continuously.

Having a stacked chart in the

• What is happening instead?

Tooltip disappears and you have to move the mouse to display it again.

• What error message are you getting?

None.

[yohainnn]

same here, this issue makes the library a pretty bad solution for realtime data

[auoa]

I figured out, that just clicking the chart without moving the mouse lets the tooltip re-appear. Thus, I tried something like this.$refs.apexchart1.$el.click(); in the context of Vue. However, this did not work for me. Any suggestions on how this can be solved? It is not necessary to solve this inside Apex Charts, a workaround would already meet my requirements.