有不同的 Dygraph 传说

Question

我有一个网站（单页），它有一个固定图表和一个隐藏的偶尔弹出图表 div。

我正在使用CSS

.dygraph-legend {
    background-color: rgba(200, 200, 200, 0.25) !important;
    padding: 4px;
    margin-top:30px;
    border: 1px solid #000;
    border-radius: 4px;
    pointer-events: none;
    font-size: 9px; font-weight:normal ; font-family: sans-serif;
}

这对我的主图来说效果很好，但我想要弹出窗口有所不同。

如何指定两种不同的图例样式？

Answer 1

您可以使用 CSS 选择器独立定位每个图表。

例如，

HTML:

<div id="chart1"></div>
<div id="chart2"></div>

CSS:

#chart1 .dygraph-legend {
  /* styles for chart1 here */
}
#chart2 .dygraph-legend {
  /* styles for chart2 here */
}

有不同的 Dygraph 传说

Having different Dygraph legends

dygraphs