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

[Column Chart] Series item label background color takes the width of the column and not the label text #4313

Open
yanmariomenev opened this issue May 23, 2024 · 0 comments

Comments

@yanmariomenev
Copy link
Contributor

yanmariomenev commented May 23, 2024

Describe the bug

When the column type chart is used, the series item label background calculates its width depending on the rendered column width and not the text. This appears to be present only in the column type, as bar or line charts calculate the background width based on the text.

To Reproduce

Open the following example and resize the example to see the background width difference:
https://stackblitz.com/edit/angular-ugap4m?file=src%2Fapp%2Fapp.component.ts

Workaround

Using custom visuals to render the label background:
https://stackblitz.com/edit/angular-ugap4m-j8karx?file=src%2Fapp%2Fapp.component.ts

Screenshots

Screenshot 2024-05-23 at 12 35 55 Screenshot 2024-05-23 at 12 36 05 Screenshot 2024-05-23 at 12 36 14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant