如何使用 NVD3 使独特的线条更细

Question

美好的一天。我有一张来自 NVD3 的折线图，图表上有 4 条线。我让它填充得很好。但是，我希望其中一条线比其他线细。

当我去nvd3.CSS；组 class 代表所有行，所以当我更改描边宽度时；它为所有人做到了。当我检查这些元素时，它显示每一行都有一个唯一的 'series class' 但我似乎不能正确地调用它来对一行进行更改。我希望该组中的 series-2 具有更细的笔划宽度。有什么建议吗？

如何使单行相对于其系列变细，同时使其他行成为标准组 'stroke-width'？

.nvd3 g.nv-groups path.nv-line { // the group lines that apply to all
  stroke-width: 9px;
}
.nvd3 g.nv-groups path.nv-series-2{  // the single line i am trying to make thinner
     stroke-width: 1px;
 }

Answer 1

如果要遍历整个选择树，则为：

.nvd3 g.nv-groups g path.nv-line {
  stroke-width: 9px;
}

.nvd3 g.nv-groups g.nv-series-2 path.nv-line {
  stroke-width: 1px;
}

如何使用 NVD3 使独特的线条更细

How to make a unique line thinner using NVD3

javascript

css

d3.js

nvd3.js