[Solved] Controlling Chart Legend Font

[sara]

I am attempting to change the font size of the legend using the following:

legend: {

    visible: true,

    position: "top",

    margin: 5,

    padding: 2,

    font: "8px Arial"

}

According to your demos: http://demos.kendoui.com/dataviz/bar-charts/index.html
Under Configuration > legend it shows a font property as a string, as I did above.  However, when I do this, the font size does not change (additionally, I am unable to change the font family).  I noticed in one of the forum posts that someone did:

legend: {

    visible: true,

    position: "top",

    margin: 5,

    padding: 2,

    labels: {

        font: "10px Verdana"

    }

}

This seems to work much better.  Is this a typo or an undocumented API change?

Thanks,
Sara

[Iliana Dyankova]

Hello Sara,

Thank you for the feedback. Actually, we have missed to add  this in our documentation, but we will amend it.

I have also updated your telerik points as token of gratitude.  

 All the best,

Iliana Nikolova
the Telerik team

[TISAL]

In MVC mode, I use:

.Legend(legend => legend
  .Position(ChartLegendPosition.Bottom).Labels(x => x.Font(font: "9px Arial,Helvetica,sans-serif"))
)