更改字体系列莫里斯甜甜圈图表

Question

我正在使用非常可爱的莫里斯甜甜圈图表。事情是，我想改变该图表文本的字体系列（在甜甜圈内）并且无法设法做到这一点。 我还想为内部文本添加3％的填充...

我尝试添加

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

但不适合我。

任何人都有我的想法？ THX

Answer 1

我和你有同样的问题。我发现莫里斯甜甜圈图中的文本使用<tspan>作为最后一个元素，并且未指定任何字体系列。因此，如果您仅更改较高的元素，而不是最后一个。 <tspan>将覆盖您的样式。您需要做的只是基本的CSS。

将此添加到您的CSS文件。

tspan {
font-family: 'your desire font';
//you can add your extra style too :)
}

Answer 2

我没有使用morris.js的经验，但由于您使用的是jQuery，因此您只需使用.css()方法，而不是更改样式属性。

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

您必须将参数包装在对象中才能生效。