Hi Maitri,
In order to show ellipsis for longer texts, use the content property of the CategoryAxisLabelsComponent and add the ellipsis as seen below:
<kendo-chart>
<kendo-chart-category-axis>
<kendo-chart-category-axis-item [labels]="{content: content}">
</kendo-chart-category-axis-item>
</kendo-chart-category-axis>
</kendo-chart>
public content = (e) => {
if(e.value.length > 3) {
var truncateValue = e.value.substring(0, 3) + '...';
return truncateValue;
} else {
return e.value;
}
}
OR
The CategoryAxisLabels' rotation can be set to 'auto' which will rotate the labels if the labels are overlapping. For example:
<kendo-chart>
<kendo-chart-category-axis>
<kendo-chart-category-axis-item [labels]="{rotation: 'auto'}">
</kendo-chart-category-axis-item>
</kendo-chart-category-axis>
</kendo-chart>
This StackBlitz example contains two column charts with long CategoryAxisLabels, I have added ellipsis in one chart and rotation in another.
I hope this helps. Please let me know if I can further assist you.
Regards,
Hetali
Progress Telerik