RadHtmlChart Numbers Overlapping

Thread is closed for posting
4 posts, 0 answers
  1. Torben
    Torben avatar
    9 posts
    Member since:
    Sep 2012

    Posted 03 Jun 2013 Link to this post

    Hello forum,
    we are using RadHtmlCharts for showing monitoring data.
    We experience one Problem:
    When the numbers are too big they overlap into the legend and other diagrams (as seen in the attachments).
    While the data in the screenshot is mock data it is realistic, that we have numbers that big.
    Is there any way to prevent the numbers from overlapping?

    Torben Lochow
  2. Stamo Gochev
    Stamo Gochev avatar
    154 posts

    Posted 05 Jun 2013 Link to this post

    Hi Torben,

    Thank you for contacting the Telerik Support.

    In order to resolve your issue, you can set a bigger Width value for the RadHtmlChart. This will give you more space for the chart's elements and the labels should not overlap. Setting this property might look like this:
    <telerik:RadHtmlChart runat="server" ID="PieChart"  Width="400">

    where you can change the value to the appropriate one.

    You can also take advantage of the LabelsAppearance's Margin property in order to change the position of the series items' labels.

    Stamo Gochev
    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 now.
  3. DevCraft R3 2016 release webinar banner
  4. small
    small avatar
    2 posts
    Member since:
    Sep 2014

    Posted 30 Oct 2014 Link to this post

    dear sir,

    I also have the same problem. no enough place to modify width.
    is there any solution?

  5. Danail Vasilev
    Danail Vasilev avatar
    1476 posts

    Posted 03 Nov 2014 Link to this post


    You can also consider offsetting the legend, as illustrated here.

    Danail Vasilev

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Back to Top