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

Funnel/Pyramid Chart - Data Labels appear inside indicator even when inside is set to false #17545

Closed
jkirth opened this issue Jul 28, 2022 · 5 comments · Fixed by #20152
Closed

Comments

@jkirth
Copy link

jkirth commented Jul 28, 2022

Expected behaviour

Setting dataLabels > inside : false should display data labels outside the Indicator on full screen view

Actual behaviour

The data labels appear inside Funnel/Pyramid indicator when viewed in 'View in full screen'. This also happens at time on when loading the Indicator itself.

Live demo with steps to reproduce

https://jsfiddle.net/obpLf8js/1/
Funnel_Fullscreen_InsideFalse_DataLabelsAppearInside

Product version

Highcharts JS v10.1.0 (2022-04-29)

Affected browser(s)

Chrome. Edge

Note: This does not happen all the time but sporadically happens. I am not able to tell the pattern as it is very random. Setting allowOverlap: false resolves this issue but does not display the lower value data labels on load unless mouse hover. The missing data values affect when exported as image/pdf

@raf18seb
Copy link
Contributor

raf18seb commented Aug 1, 2022

Hi @jkirth, thank you for reporting the issue.

Unfortunately, I'm not able to reproduce it. When toggling the fullscreen, everything is working fine:
image

Could you double-check and provide more info about your issue?
ps. I see that the jsFiddle you provided doesn't show the same data as on the image you provided.

@KacperMadej
Copy link

Unable to recreate. Closing due to inactivity.

@KacperMadej KacperMadej closed this as not planned Won't fix, can't repro, duplicate, stale Dec 30, 2022
@bhandurejitu
Copy link

bhandurejitu commented Jan 26, 2023

@KacperMadej
here is the demo: https://jsfiddle.net/ymked5cu/7/
Click on the legend and then the data labels move
when, allowOverlap: true, after clicking on the legend label are not move, but initially, they are going to hide and show the line

@mawro453
Copy link

mawro453 commented Nov 8, 2023

Any updates on this issue? It is still reproducable with 11.2.0.

Here is the demo for a pyramid chart: https://jsfiddle.net/qhxremob/7/

After clicking on one legend item, all other labels are moving into the middle.

image

@bm64
Copy link
Member

bm64 commented Nov 13, 2023

Hi @mawro453, the issue has been prioritized and we will soon take a look into that.

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

Successfully merging a pull request may close this issue.

8 participants