.dygraph-legend Class in CSS 不会改变我的 Dygraph 图例

Question

对于我在我的应用程序中制作的 dygraph，图例和标题默认显示在图表的左上角，并且它们与 y-axis 重叠，因此难以阅读。这是fiddle：https://jsfiddle.net/mccosk/6nk5vw2g/

相关片段（CSS）：

.dygraph-legend {
    left: 400px !important;
}
.dygraph-title {
    color: red;
}

fiddle 看起来就像我想要的那样（title/legend 居中）但是当我 运行 我的应用程序时它是这样的：

Result

我很困惑，因为我可以通过css更改标题的颜色，但是我在class“.dygraph-legend”下的代码似乎没有效果。我下载了 dygraph.js 和 dygraph.css 我将它们导入到我的 html 文件中。

任何关于如何解决这个问题的建议将不胜感激！！

Answer 1

由于我无法测试您的应用程序，因此我只能建议像下一个那样进行一些小的修复。将 margin-left 设置为像素数或百分比。希望对你有用。

.dygraph-label.dygraph-title {
  margin-left: 10% !important;
  color: red;
}