Completed
Last Updated: 23 Jan 2020 11:40 by ADMIN
Andrew
Created on: 18 Aug 2014 10:24
Category: Chart
Type: Feature Request
8
enable dynamic text wrapping for category axis labels when resizing charts
The only way to wrap text in category axis labels on charts is to introduce the new line character ('\n'). This is fine on fixed-width charts where labels are known at design-time. However, when dynamically adding series to charts and resizing within a responsive site, it is impossible to know where and when to use '\n'. Can a feature be implemented whereby labels flow within the bounds of their corresponding group in the chart?
1 comment
ADMIN
Alex Hajigeorgieva
Posted on: 23 Jan 2020 11:40

Hi, Andrew,

The Kendo UI Chart features labels autorotation that can be used:

https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/categoryaxis.labels#categoryaxislabelsrotation

In addition to that these staggered labels can be achieved by using this knowledge base article:

https://docs.telerik.com/kendo-ui/knowledge-base/chart-category-axis-label-fit

Finally, if you expect the users to resize the window, you should resize the chart as well:

https://docs.telerik.com/kendo-ui/styles-and-layout/using-kendo-in-responsive-web-pages#widgets-that-do-not-auto-resize

Regards,
Alex Hajigeorgieva
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.