Progress® Telerik® UI for Blazor Feedback Portal
Back to Feed
Request a Feature Report a Bug
Won't Fix
Last Updated: 06 Jan 2026 15:46 by ADMIN
Robert
Created on: 30 Sep 2020 06:45
Category: Charts
Type: Bug Report
8
Chart labels are cut off when placed in a small container, e.g. div

When I place a Chart in a small container, for example, a div, the labels are cut off and thus unreadable.

===

ADMIN EDIT

===

A possible workaround for the time being is changing the position of the labels so they are not cut off. For example: https://blazorrepl.telerik.com/mHkNkCEC16hMJnTg26.

1 comment
ADMIN
Petar Mladenov
Posted on: 06 Jan 2026 15:46

Hi,

The following information applies to both Pie and Donut charts.

There are several Chart parameters that you can use to adjust the component layout and avoid the problem:

  • Change the Chart aspect ratio with a different Height or Width.
  • Use Position="@ChartSeriesLabelsPosition.Center" instead of OutsideEnd for the series labels. You may still need to increase one dimension a little.
  • Use a smaller Size for the Chart series (see the second example in the linked section) and optionally, change the Donut HoleSize if you like.

Regards,
Petar Mladenov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Create an account Log In
View
Type
Status
Category