Setting font for entire chart in Angular.

[DimeJanicijevski]

Hello all, I'm having some issues with setting fonts for entire chart. But without setting global variables.
Namely, I'm trying to read applied style to element and set canvas font from that. Issue is, setting font in chart options is ignored in legend, scales etc.

Here I set title correctly to consolas, but everything else has app default font.

Is there a way to simply set font once per chart? We use use strict type checking so just setting custom font would require creating entire scales, legend etc.

My approach so far:


Only reason why title has correct font is because I set it manually:

Thanks in advance!
Kind regards,
Dime Janicijevski

[LeeLenaleee]

Afaik there is no font property in the options object, only the legend, axis and every other space has their own font config.
The documentation in the font space also doesnt say anything about a font config on the root level of the options object.
It only describes how you can set the font for all your charts at once with the defaults paramater: https://jsfiddle.net/Leelenaleee/mu3jqw0h/4/

[DimeJanicijevski]

There is font property on "CoreChartOptions" as seen in docs. "ChartOptions" is superset of "CoreChartOptions" (and many others) so it has it too. Just going trough their docs to find this gave me an idea on how to resolve font issues

[DimeJanicijevski]

I worked around font setting with use of Partial and DeepPartial.
It collides a bit with idea of strict type checking, but it will work this way:

VS Code IntelliSense works fine and compiler doesn't complain.

I still hope font applied to ChartOptions would actually set font for entire chart somewhere in the future.

[DimeJanicijevski]

Marked this as an answer until I find a better way of doing this