Chart Legend Overflow

2 posts, 0 answers
  1. PJ Rodriguez
    PJ  Rodriguez avatar
    37 posts
    Member since:
    Feb 2005

    Posted 08 Feb 2013 Link to this post

    How do I prevent the overflow of the chart legend (see attached image)? It seems that if there is too many items, the HTMLChart just keeps rendering all the legend items instead of keeping all legend items within the plot area and maybe adding a 'More items...' legend at the end.

    Is there a way to suppress the overflow of the items? Thanks!

  2. Danail Vasilev
    Danail Vasilev avatar
    1502 posts

    Posted 13 Feb 2013 Link to this post

    Hi PJ,

    It is hard to predict how long the legend of the RadHtmlChart will be as this is a custom decision.  Therefore long legend has been cut in most browsers, except IE where it just overflows the PlotArea. I have logged this as bug in our feedback portal here, so that you can monitor, comment or vote on its progress. I have also updated your Telerik points for reporting this issue.

    For the time being you can simply hide the legend of you current chart and create a custom one in a styled div after/next to the chart. You can follow the approach that Kendo UI are applying in their Bubble chart example here.

    All the best,
    Danail Vasilev
    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 now.
Back to Top