CSS 中的 .dygraph-legend 类不会改变我的 Dygraph 图例

Question

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

相关片段 (CSS)：

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

小提琴看起来正是我想要的样子（标题/图例居中），但是当我运行我的应用程序时它是这样出现的：

Result

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

任何有关如何解决此问题的建议将不胜感激！

Answer 1

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

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