如何更改 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, {

  axisLabelFontSize: 28,

  axes: {

    x: { axisLabelFontSize: 14 },

    y: { axisLabelFontSize: 14 },

  }

});

绝对是一个黑客，但它可能只是工作！