This is a migrated thread and some comments may be shown as answers.

Chart Legend Overflow

1 Answer 102 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
PJ Rodriguez
Top achievements
Rank 1
PJ Rodriguez asked on 09 Feb 2013, 05:42 AM
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!



PJ

1 Answer, 1 is accepted

Sort by
0
Danail Vasilev
Telerik team
answered on 13 Feb 2013, 09:25 AM
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.
Tags
Chart (HTML5)
Asked by
PJ Rodriguez
Top achievements
Rank 1
Answers by
Danail Vasilev
Telerik team
Share this question
or