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