axis labels overflow

[Anatoly Chekh]

  Hello!

I have a question.
If I have labels with long text then they will be overflow legend and also will be paint outside chart area (see attachment).
How can I fix this?

Thanks, Anatoly Chekh.

[Yavor]

Hi Anatoly,

At present, there is no easy way to address this issue. You can manually reset the text, however there is no option for the control to detect that the text would overflow some of the elements of the chart.

Regards,
Yavor
the Telerik team

[Prakash]

Hi,

We've run into the same problem. The axis labels don't just overlap other elements within the chart, but extend beyond the chart's boundary as well. We cannot manually reset the text as we just provide the data points to the chart axis and rely on the chart rendering to be sized to it's bounds. Are there any fixes or workarounds for this issue?

Thanks,
Prakash

[Sia]

Hi Prakash,

There are two possible options:

1. You can add padding to the ChartArea
2. or set different LabelRotationAngle to the axis as shown in this example.

I hope that one of these two is applicable for your scenario.

All the best,
Sia
the Telerik team

[Prakash]

Hi,

Thanks for the response. However, neither would be an effective workaround for us. The Y axis label extends quite a bit away from the chart border, so setting a padding to account for this would result in the chart display area being shrunk.  I've attached an image showing the overlap on the Y axis. We're having the problem in both vertical for Y and inclined angles on X axis.

Prakash

[Sia]

Hi Prakash,

Can you please open a support ticket and send us a project reproducing your issue, because the result shown in the your screen-shot does not appear to be the same as the one which was discussed earlier.

Best wishes,
Sia
the Telerik team

[Duncan]

I'm having this same problem: labels not only flowing outside the chart but outside the pane that the chart is sitting in. This is pretty bad... controls shouldn't be able to do that.

[Sia]

Hello Duncan,

Can you please send us a picture showing your exact scenario so we can give you some specific advice that will help you?

Thank you,
Sia
the Telerik team

[Duncan]

Here's a screenshot of the scenario. Obviously it's a slightly contrived example, as applying the correct number formatting makes this a lot better (but not completely), but it shows the problem very clearly. The expected output in this case would be the label getting cut off at the edge of the chart.

The visual structure is, from outside to in: RadSplitContainer, RadPaneGroup, RadPane, Grid, RadChart. As you can see in the screenshot, the chart is somehow drawing the label on top of everything, stepping outside the bounds of even the split container, only stopping when it hits the browser border.

At the moment we're working around it with generous padding and label rotation, but there's the (minor) looming concern that depending on the data it might not work. I'm not worries about getting a proper solution right now, but considering that there are others with this issue it would be nice if this was fixed properly at some point in the future.

[Sia]

Hi Duncan,

Thank you for the provided information. What I can suggest is to put your RadChart in a ClipPanel or a panel with clipping so that you can be sure that the content of RadChart won't go outside it.

Kind regards,
Sia
the Telerik team

[Duncan]

Ah, that seems a reasonable workaround. Thanks.