Margins in the legend

[Karl]

I'm trying to prevent my legend from being too wide, I don't see a width property so I'm trying to set its padding or margin on the right. Unfortunately, I'm not having any luck. Is there any reason why what I'm trying to accomplish wouldn't work or is there a better way? Please see my settings attached: 

[Iliana Dyankova]

Hi Karl,

You are right - there is no width property for the legend in Kendo UI Chart. In order to reduce the legend's width I recommend you setting a smaller font size. For example: 

$("#chart").kendoChart({
  //....
   legend: {
      //...
      labels: {
          font: "10px Arial,Helvetica,sans-serif"
      }
   }
});

I hope this will fit your requirements. 

Regards,
Iliana Nikolova
the Telerik team

[Stefania]

Documentation describes legend.labels.margin properties, but nothing happens when I try to use them. For example:

legend: {
                    position: "bottom",
                    offsetY : 10,
                    labels: {
                                  margin: 300,
                    }
                }


and also:

legend: {
           labels: {
                   margin: {
                          left: 20
                   }
            }
         }

[Iliana Dyankova]

Hello Stefania,

This is a known issue, however we will do our best to address it as soon as possible. Please excuse us for the inconvenience caused.
 

Regards,
Iliana Nikolova
Telerik

[Jonas]

Hello Iliana,

is there any news about the legend.labels.margin property? Or is there another way to get some free space between the labels?

[Iliana Dyankova]

Hi Jonas,

I am afraid the discussed issue still persists and there is no a suitable workaround I can suggest. Once again I apologize for the inconvenience caused.

Regards,
Iliana Nikolova
Telerik

 

 

[Donald]

Has this issue been resolved? I am having issues as well when placing the legend at the top or bottom...

​

[Iliana Dyankova]

Hi Donald,

The legend.labels margin / padding issue has been resolved and now both are working as expected (dojo). Also there is a legend.width option which can be used when the legend.orientation is set to "horizontal".

Regards,
Iliana Nikolova
Telerik