You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I am having a problem where tooltip.show() doesn't always show the tooltip although the proper data is passed per the documentation. Additionally when a user zooms in on the chart the correct tooltip is never shown.
The chart I have made is a connected scatter plot made out of lines that have a start and end x point which have the same y value.
I have made a custom plugin that makes additional 'path' elements for each 'path' in order to create an outline for each line to make the chart look better when the lines are close or overlapping.
The plugin also adds a 'mouseover' listener to the parent of each line to programmatically show the tooltip for the corresponding line.
Although I appear to pass the correct data in the tooltip.show function the tooltip doesnt show for every point. See first video
Screen.Recording.2023-04-18.at.2.53.48.PM.mov
Additionally when I zoom in on the chart the tooltip almost never shows but when it does it is an entirely different tooltip than what is desired. See second video
Screen.Recording.2023-04-18.at.2.55.36.PM.mov
The text was updated successfully, but these errors were encountered:
Found 2 issues, which one is from your generation option, where point.sensitivity=1 makes harder to trigger event for .tooltip.show()
And the other is a bug, where when xs option is used, not reflecting zoom state.
You can check the working example from below screenshot. The only changes was setting point.sensitivity=2 and fixing the second bug to reflect zoomed state.
netil
pushed a commit
to netil/billboard.js
that referenced
this issue
May 3, 2023
Description
I am having a problem where tooltip.show() doesn't always show the tooltip although the proper data is passed per the documentation. Additionally when a user zooms in on the chart the correct tooltip is never shown.
The chart I have made is a connected scatter plot made out of lines that have a start and end x point which have the same y value.
Steps to check or reproduce
https://jsfiddle.net/j7q8hwfg/
This jsfiddle contains the code to reproduce
I have made a custom plugin that makes additional 'path' elements for each 'path' in order to create an outline for each line to make the chart look better when the lines are close or overlapping.
The plugin also adds a 'mouseover' listener to the parent of each line to programmatically show the tooltip for the corresponding line.
Although I appear to pass the correct data in the tooltip.show function the tooltip doesnt show for every point. See first video
Screen.Recording.2023-04-18.at.2.53.48.PM.mov
Additionally when I zoom in on the chart the tooltip almost never shows but when it does it is an entirely different tooltip than what is desired. See second video
Screen.Recording.2023-04-18.at.2.55.36.PM.mov
The text was updated successfully, but these errors were encountered: