Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tooltip not being displayed correctly in multiple y-axis when null values are present #119

Closed
pnemi opened this issue Sep 19, 2018 · 15 comments

Comments

@pnemi
Copy link

pnemi commented Sep 19, 2018

Take a look at this behavior.

If I load my data to this graph, hovering over it displays tooltip without problems.
https://codepen.io/anon/pen/EepyEO

However, if I turn on multiple y-axis (options.yaxis is Array) it has problems (it's only displayed when I hover on top and bottom area).
https://codepen.io/anon/pen/pOqRdo?editors=0010

Thanks for examining it.

@junedchhipa
Copy link
Contributor

junedchhipa commented Sep 19, 2018

I can see that when there are missing/null values in the series, the sticky tooltip produce a buggy behavior
For such scenarios (when you have a lot of null values in multiple series), I suggest

tooltip: {
  shared: false,
  intersect: true
},

where the tooltip only appears when you directly hover over the dataPoints.

@pnemi
Copy link
Author

pnemi commented Sep 20, 2018

This doesn't solve my problem and it's, as you say, a bug. Can you please fix it?

@pnemi
Copy link
Author

pnemi commented Sep 20, 2018

Plus it produces another weird bug. If I hover somewhere in that red area it shows just xaxis tooltip text in that blue circle (without tooltip) even tho there are no data for SEP 14, not to mention SEP 14 text appears right where SEP 18 should be...

screen shot 2018-09-20 at 07 32 49

@pnemi
Copy link
Author

pnemi commented Sep 20, 2018

Plus your suggestion is not feasible in my case because if set markers' size to 0, then there's absolutely no way to display tooltip because hovering is bind on them (and I will not set markers' color to transparent, that's not a solution I want to rely on). Please take a look at it :-)

@pnemi
Copy link
Author

pnemi commented Sep 20, 2018

Another super weird thing related.
Look, Water series values are null, all of them.
When I disable Water series and hover over legend text of another series it shows blue (=Water) dots and if I go and hover over those - tooltip appears with undefined as a value.

screen shot 2018-09-20 at 08 04 02

screen shot 2018-09-20 at 08 01 57

screen shot 2018-09-20 at 08 04 41

@pnemi
Copy link
Author

pnemi commented Sep 20, 2018

Ad. 1: Same things happens with anything.

  1. Disabling series X
  2. Hovering over legend text of any other shows dots at the same weird place with color of series X
  3. Hovering over those points shows tooltip of series X value of undefined...

Ad. 2: It goes beyond that. In case of shared tooltip, disabling multiple series shows just that for example...

screen shot 2018-09-20 at 08 13 49

@junedchhipa junedchhipa changed the title Tooltip not being displayed correctly in multiple y-axis Tooltip not being displayed correctly in multiple y-axis when null values are present Sep 20, 2018
@junedchhipa
Copy link
Contributor

@pnemi Looks, like a lot of stuff is breaking in null values in multiple y-axis charts.
This will be definitely looked into, thanks for the details.

@pnemi
Copy link
Author

pnemi commented Sep 24, 2018

Did you manage to find problem? Could you estimate how much time you'll need to fix that? :)

@pnemi
Copy link
Author

pnemi commented Sep 26, 2018

Sorry if I'm a bit annoying, it's just that our project really depends on Apexcharts, so if there's any update (or won't be anytime soon), please let me know :)

@junedchhipa
Copy link
Contributor

junedchhipa commented Sep 26, 2018

@pnemi I was on a vacation the last weekend, hence couldn't look into anything for 4 days.
I will get back on all the GitHub issues and make sure nothing is missed out ;)
I will notify on this thread how much time this could take. I am thinking of taking a look at this issue on this weekend as it requires heavy changes in tooltip module and needs extra attention.

Thanks for using ApexCharts

@junedchhipa
Copy link
Contributor

v2.0.0 fixes these issues

@pnemi
Copy link
Author

pnemi commented Oct 1, 2018

Thank you so much. It seems that API has changed and it broke my chart.
My code for formatting multiple y-axis tooltip we discussed in issue 92 no longer works (tooltip values are not being displayed).

EDIT: As you can see here, just changed apexcharts to its most recent version https://codepen.io/anon/pen/ZqGezO

@junedchhipa
Copy link
Contributor

I did a major update to fix a lot of issues (memory leaks, unused DOM elements) while rewriting the core file. I will look into the issue again.

@pnemi
Copy link
Author

pnemi commented Oct 1, 2018

I understand. I can't imagine how hard it's to maintain something this big. Our project really depends on your library so thank you again for cooperation 👍

@junedchhipa
Copy link
Contributor

Fixed it in v2.0.5

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants