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

Bar Chart tooltip position moves to top left of chart #166

Open
CheeJustin opened this issue Jun 2, 2023 · 1 comment
Open

Bar Chart tooltip position moves to top left of chart #166

CheeJustin opened this issue Jun 2, 2023 · 1 comment
Labels
bug Something isn't working will accept PR

Comments

@CheeJustin
Copy link

CheeJustin commented Jun 2, 2023

Describe the bug
When hovering over a bar on a Bar Chart, the tooptip shows up then jerks to the top left, highlighting an invisible bar on the far left.

Steps or code example to Reproduce

  1. Create a Bar Chart with data (used the Vertical Bar Chart example that's provided: src/test/java/com/github/appreciated/apexcharts/examples/bar/VerticalBarChartExample.java)
  2. Hover over one of the bars
  3. Observe where the tooltip appears and moves to
withChart(ChartBuilder.get().withType(Type.BAR).build())
            .withStroke(StrokeBuilder.get()
                    .withShow(true)
                    .withWidth(2.0)
                    .withColors("transparent")
                    .build())
            .withSeries(new Series<>("Net Profit","44","55","57","56","61","58","63","60","66"),
                    new Series<>("Revenue","76","85","101","98","87","105","91","114","94"),
                    new Series<>("Free Cash Flow","35","41","36","26","45","48","52","53","41"))
            .withXaxis(XAxisBuilder.get().withCategories("Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct").build());

Expected behavior
Tooltip should show up on hovered bar, instead of showing up on hovered bar then moving to top left of chart

Screenshots
Screenshot 2023-06-02 at 4 16 56 PM

Desktop (please complete the following information):

  • OS: [iOS and Windows]
  • Browser [Chrome, Safari, and Firefox]
  • Version [23.0.1]
@CheeJustin CheeJustin added the bug Something isn't working label Jun 2, 2023
@CheeJustin CheeJustin changed the title Bar Chart tooltip position moves to top left Bar Chart tooltip position moves to top left of chart Jun 2, 2023
@mcfar3199
Copy link

I have the same issue. Does anyone know if there is any action on this or have a work around? When you hover over a series it initially sets the element.style left value to the location of the series, but it immediately moves to the left of the graph. Sometimes it does it a couple times before it stabilizes. If you move the mouse in the slightest it repeats the back and forth.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working will accept PR
Projects
None yet
Development

No branches or pull requests

3 participants