telerik / kendo-angular

Issue tracker - Kendo UI for Angular
http://www.telerik.com/kendo-angular-ui/
Other
467 stars 217 forks source link

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

Open yanmariomenev opened 4 months ago

yanmariomenev commented 4 months ago

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