html - 超过 2 个折线图的 nvd3 CSS 覆盖

Question

我不清楚如何覆盖 nvd3 CSS 并将其应用于不同的折线图。

在Html中，线图有两个div。

<div id="offsetDiv">
      <div id="plot1" class='with-3d-shadow with-transitions'>
      <svg></svg>
</div>

<div id="offsetDiv">
    <div id="plot1" class='with-3d-shadow with-transitions'>
      <svg></svg>
</div>

在 CSS 文件中，我可以修改不透明度的值来应用。另外，我想有不同的值(value)来应用另一个情节。

.nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
  fill-opacity: 0.5;
  stroke-opacity: 1;
}

.something-new-class-name {
  fill-opacity: 0;
  stroke-opacity: 0;
}

我试图将新类名放入 div 中，但它不起作用。不对的地方请指出。

谢谢，

Answer 1

尝试使用图表 ID，以下对我有用。

#growthChart .nv-series-7 .nv-point {
fill-opacity: 0;
stroke-opacity: 1;}

还要检查你的 css 是否在最后加载，在 nvd3 css 之后，然后在开发工具中检查你的 css 是否被应用。