Hover area shifts when sharing bar graph tooltip options.
See original GitHub issueBug report
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
: truechartOptions.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:
- Created 3 years ago
- Reactions:1
- Comments:5
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
This issue is still present as of version 3.35.0.
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…