Last Updated: 01 Aug 2016 10:24 by ADMIN
Telerik Admin
Created on: 18 Apr 2014 03:18
Category: HtmlChart
Type: Feature Request
Legend customization/consistent multi-chart alignment
We are trying to convert a websites 11 year old controls from a different vendor to telerik.  All of the controls have been replaced except for the RadHtmlChart, which has limited customization of the legend.  Specifically we have the following issues:

1) The legend color squares are too small.  You can see the difference in the attachment "competitor" vs "telerik".  REQUEST: Set the size of the color squares.
2) The legend spacing between items is not customizable and is too compressed for our liking.  See "competitor" vs "telerik" to see the difference.  REQUEST: Allow padding or margin between legend items.
3) The legend size cannot be set to a fixed width.  For a left aligned legend, this results in multiple charts having inconsistent alignment.  Setting a different margin for each chart individually does not fix the problem.  Depending on the data fed to the charts, their position changes.  See the "multiple-charts" attachment for an example. REQUEST: Allow a fixed legend size so multiple charts can be aligned.
4) For left-aligned charts, the legend cannot be set to the top.  REQUEST: Allow TopLeft, TopRight options for legend alignment.

Thank you,
David A.
Danail Vasilev
Posted on: 15 Feb 2015 11:38
Regarding positioning the legend without affecting the appearance of the plot area you can use "custom" position and offsetX/offsetY properties. You can set these properties through the kendo widget as illustrated in the feedback item.
Danail Vasilev
Posted on: 15 Feb 2015 11:17
You may find useful the feedback item that showcases possible workarounds for controlling the size, type and margin of legend markers.