如何更改 dygraphs 中注释的字体大小？

Question

看看这个例子，来自Dygraph setAnnotations with repeat x values：

http://jsfiddle.net/wn43LLv7/1/

请注意，他们在那里尝试使用 CSS 类：

.dygraph-annotation

{

    font-size: 14;

...

...它试图改变字体大小。但是，更改字体大小和运行代码段没有任何区别。

此外，在http://dygraphs.com/annotations.html中，它说：

cssClass 用于设置注释样式的 CSS 类

...所以我制作了另一个 jsfiddle 来测试它是否可以改变字体大小：

http://jsfiddle.net/u7shmody/1/

......不，它不能。

这可能不足为奇，因为如果我查看 Firefox Inspect Object 中的注释，我有：

<div style="font-size: 14px; left: 217.5px; top: 79.1111px; width: 16px; height: 16px; color: rgb(64, 0, 128); border-color: rgb(64, 0, 128);" class="dygraph-annotation dygraphDefaultAnnotation dygraph-default-annotation myAnnot" title="undefined">A</div>

...因此，font-size 是style在 div 元素的属性中内联指定的，据我所知，它在 CSS 中具有最高优先级，并且没有任何类可以覆盖它（如果我们覆盖库中的.dygraph-annotation,或者如果我们尝试通过cssClass）添加我们自己的自定义类。

那么，如何更改 dygraphs 中注释的字体大小？也许有一些回调，可以覆盖，所以font-size可以在元素内联样式属性中注入？

Answer 1

dygraphs 1 仅使用内联样式。dygraphs 2 开始将其样式存储在 CSS 文件 ( dygraph.css) 中，这使得它们更容易被覆盖。但这一次错过了，原因已经被时间遗忘了。如果有 dygraphs 3，它可能会解决这个问题。同时，您必须使用!importantCSS 覆盖字体大小。如果您愿意，也可以在 JavaScript 中覆盖它。工具提示的大小由axisLabelFontSize属性决定。因此，要更改它，您可以调整该属性：new Dygraph(div, data, { axisLabelFontSize: 28 });当然，这将使您的轴上的标签成为一个非常大的字体！为了使它们更正常，您可以将它们调整回来：new Dygraph(div, data, {&nbsp; axisLabelFontSize: 28,&nbsp; axes: {&nbsp; &nbsp; x: { axisLabelFontSize: 14 },&nbsp; &nbsp; y: { axisLabelFontSize: 14 },&nbsp; }});绝对是一个黑客，但它可能只是工作！