如何使用NVD3制作更薄的独特线条

时间:2016-11-11 15:39:10

标签: javascript css css3 d3.js nvd3.js

美好的一天。我有一张NVD3的折线图,图表上有4条线。我把它填充得很好。但是,我希望其中一条线比其他线更薄。

当我去nvd3.CSS时;组类表示所有行,所以当我改变行程宽度时;它为所有人做到了。当我检查元素时,它表明每一行都有一个独特的系列类'但我似乎无法将其改为一行。我希望小组中的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;
 }

1 个答案:

答案 0 :(得分:0)

如果你想走遍整个选择树,那就是:

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