question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Hover area shifts when sharing bar graph tooltip options.

See original GitHub issue

Bug report

Screen Shot 2020-05-26 at 16 45 53

use version

apexcharts: 3.19.2 vue-apexcharts: 1.5.2

Codesandbox

https://codesandbox.io/s/vue-basic-example-40bqr

Explanation

  • If you move the cursor to the bar graph when the following conditions are met, the hover area is shifted and the balloon for the next bar graph is displayed…
    • chartOptions.chart. type : ‘bar’
    • chartOptions.chart.stacked: true
    • chartOptions.tooltip. shared : true
    • Hover from the right side of the bar graph.
      chartOptions: {
        chart: {
          type: "bar",
          stacked: true,
        },
        tooltip: {
          shared: true,
        },
        xaxis: {
          type: "datetime",
        },
      }

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:5

github_iconTop GitHub Comments

2reactions
greengiraffecommented, May 11, 2022

This issue is still present as of version 3.35.0.

0reactions
sptaszek92commented, Nov 2, 2021

Is there any other solution for that issue? I need a multiple series chart with shared tooltip… but the hover area is really bad in that scenario…

Read more comments on GitHub >

github_iconTop Results From Across the Web

ChartJS bar chart - trigger hover even when the cursor is ...
The tooltip is being shown only when I hover a specific bar and that's the normal default behavior.
Read more >
Chart TOOLTIP on Mouse HOVER - An Entire Dashboard in ...
But, when we hover with the mouse over any column, a dynamic tooltip appears showing related information in a donut and a Bar...
Read more >
tooltip.shared | highcharts API Reference
When the tooltip is shared, the entire plot area will capture mouse movement or touch events. Tooltip texts for series types with ordered...
Read more >
Interactions - Chart.js
By default, these options apply to both the hover and tooltip interactions. The same options can be set in the options.hover namespace, ...
Read more >
Configuring plot tools — Bokeh 2.4.3 Documentation
By default, the hover tool generates a “tabular” tooltip where each row contains a label and its associated value. The labels and values...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found