Javascript 如何更改动态图中注释的字体大小？

请看一下本例中的以下内容：

请注意，他们试图使用CSS类：

.dygraph-annotation
{
    font-size: 14;
...

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

此外，在中，它还说：

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

。。。因此，我制作了另一个JSFIDLE来测试它是否可以改变字体大小：

。。。不，它不能

这可能并不奇怪，因为如果我查看Firefox Inspect对象中的注释，我会：

<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>

A

。。。因此，字体大小是在div元素的

style

属性中内联指定的，据我所知，它在CSS中具有最高的优先级，没有任何类可以覆盖它（如果我们覆盖库中的类，如

.dygraph annotation

，或者如果我们尝试通过

cssClass

添加我们自己的自定义类）

---

那个么，如何改变动态图中注释的字体大小呢？可能有一些回调可以被覆盖，因此可以在元素内联样式属性中插入

font-size

？

dygraphs 1仅使用内联样式。dygraphs 2开始将其样式存储在CSS文件（

dygraph.CSS

）中，这使得它们更容易覆盖。但这一次是因为时间的原因。如果有一个动态图3，它可能会解决这个问题

同时，您必须使用

！重要信息

使用CSS覆盖字体大小

如果愿意，您还可以在JavaScript中重写此选项。工具提示的大小由属性决定。因此，要更改它，可以调整该属性：

newdygraph（div，data，{axisLabelFontSize:28}）；

当然，这将使轴上的标签成为一个非常大的字体！要使其更正常，可以将其调整回：

新动态图（div，data{
axisLabelFontSize:28，
轴线：{
x:{axisLabelFontSize:14}，
y:{axisLabelFontSize:14}，
}
});

---

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

非常感谢您的回答，@danvk-非常感谢！