dygraphs改变值/图例背景

Question

我在深色背景上使用dygraphs并且似乎无法使图例/值的背景透明。

CSS我试过：

.dygraph-legend {
  background:none;
}

和

.dygraph-legend {
  background-color: transparent;
}

我无法找到使其透明化的方法。

链接到问题的图片：here

Answer 1

dygraphs在图例<div＆gt;上设置一些内联样式。要覆盖它们，您需要使用!important：

.dygraph-legend {
  background: transparent !important;
}

Answer 2

在dyGraphs div之后添加另一个div并告诉图形将此div用于标签，并使用!important注释设置标签div的样式。 E.g：

CSS：

.dyStatsLegend {
color: silver !important;
background: rgba( 255, 255, 255, 0.1 ) !important;
}

HTML：

<div id="dyGraphHumTemp" class="dyStatsDiv"></div>
<div id="dyGraphHumTempLabels" class="dyStatsLegend"></div>

JavaScript的：

var g1 = new Dygraph(
    document.getElementById("dyGraphHumTemp"),
    data,{
        labelsDiv: 'dyGraphHumTempLabels'
    });