Legend Width / Legend items cut off

[Sitefinity]

Maybe I missed this in the documentation but can I declare the absolute width for the legend? It does not seem to work well with my defined width of the chart and items get cut off. How does the legend decide when to drop items to another line? Can I control this?

[Iliana Dyankova]

Hi Juan,

I am afraid you can not set a width to the legend in Kendo UI Chart, but as a possible workaround I would suggest to configure its margin and padding. This way you could specify the place the legend takes. For example:

$("#chart").kendoChart({
// ...
 legend: {
    padding: (0, 95, 0, 45),
    margin: 55,
    position: "right"
 },
// ...
});

I hope this helps.

Regards,
Iliana Nikolova
the Telerik team

[Jordana]

I would love to see text wrap or a maximum width for chart legends as well.   I have my margins and padding set to zero but my legend is wider than my pie chart.  (My requirements specify legend to the right of the chart).

Thanks!
Jordana

[Iliana Dyankova]

Hello Jordana,

As I said in my previous post, setting width to the chart legend is not supported in Kendo UI DataViz. The configuration of margins and paddings is not mandatory, but currently this is the most suitable workaround for specifying the place that the legend takes. For convenience, I prepared a small example which illustrates such approach in action.

 

Kind regards,
Iliana Nikolova
the Telerik team

[Oscar]

And could you put only one label by file in the legend with bottom position?