Setting the font-family for all the textual elements in chart

[Simon]

Hi,

Does the chart have a single property where I can set the font-family for all of the text elements (title, legend, tooltip, axis label, axis title, etc) that the chart may contain?

I'd like to apply our fonts to charts but not have to set half a dozen or more properties if it can be avoided.

Thanks!

[Stefan]

Hello Simon,

There is a way to override fonts, however, it requires that you use SVG charts, not canvas charts:

http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-renderAs

Since SVG nodes are part of the document, they are susceptible to styling via CSS. All text nodes are named "text", so to override them you need the following CSS selector:

.k-chart text {
  font: inherit !important;
}

I made an example demonstrating this:

http://dojo.telerik.com/OKihOM

I hope this is helpful.

Regards,
Stefan
Progress Telerik

[Simon]

Thanks, much appreciated. (NB for people reading this SVG will run into perf issues with a lot of data quicker than a canvas will.)

Erm .. just a little bit of a whinge re the chart font properties. More often than not I want to change the font size and not meddle with the font-family. At the moment the font property requires both, which is how we often get in to downward spiral of having to set the font-family everywhere