There are several lays you can achieve that.
The easiest way you could go is to simply set the AutoLayout
property of RadChart to true
. This will make all the chart elements to not overlap each other.
Then set the LegendPosition to Right like this:
this.RadChart1.Legend.Appearance.Position.AlignedPosition = Telerik.Charting.Styles.AlignedPositions.Right;
As another approach - the Legend.Appearance.ItemTextAppearance.MaxLength
property defines the number of characters to be shown before the legend item text gets trimmed. And in case the legend item text is longer than the specified number, this (...
) sign is shown.
chart.AutoLayout = true;
chart.Legend.Appearance.ItemTextAppearance.MaxLength = 20;
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed