change font-family Morris Donut Chart

Question

I'm using the very lovely morris donut chart. thing is, I want to change font family for that chart text (inside donut) and cant manage to do it. I will also want to add a 3% padding for inside text...

i tries to add

$("div svg text").attr("style", "font-family: 'Assistant' !important");

but not working for me.

any one have an idea for me? Thx

Answer 1

I have no experience with morris.js, but since you're using jQuery, you can simply use the .css() method, instead of the changing the style attribute.

$('div svg text').css({
    "font-family" : "'Assistant' !important",
    "padding" : "3%"
});

You'll have to wrap the parameters inside an object to take effect.