多个图表中使用 Dygraphs 2.2.1 的单独轴标签颜色

Question

使用 CSS 设置 y 标签或 y2 标签的颜色（如 dygraphs CSS 参考中所述）效果非常好，例如：

.dygraph-ylabel{ color:green; } .dygraph-y2label{ color:blue; }

此设置似乎对于 html 页面及其中的图表是全局的。 如果 html 页面中有多个图表，则通过 CSS 设置的标签颜色对于所有图表都是相同的。

在 g0.ready 中的 html 页面的 java 脚本部分中使用一些调用，会在此调用中更改图形的所有标签的颜色。

document.getElementById("g0").style.color = "black";

当使用不同的颜色在 g1.ready-section 中实现时，效果相同。 我喜欢为每个轴标签设置颜色：xlabel、ylabel、y2label 在每个图表中分开。 已经尝试了上述调用的几种变体，但没有找到方法。

这个，以及它的变体，给出一个错误，似乎 dygraph-ylabel 不正确：

document.getElementById("g0").style.color.dygraph-ylabel = "green";

有没有办法为每个图形实例单独设置各个轴的标签颜色？

Answer 1

您可以使用 CSS 选择器将样式范围限制到单个图表。 后代组合器，又名空间，在这里很有用：

/* this applies to all charts */
.dygraph-ylabel {
  color: green;
}

/* this only applies to #g0 */
#g0 .dygraph-ylabel {
  color: green;
}