如何使用NVD3使唯一的线变细

雅利安人

再会。我有一个来自NVD3的折线图,该图上有4条折线。我有它很好地填充。但是,我希望其中一条线比其余的线更细。

当我去nvd3.CSS; 组类代表所有行,因此当我更改笔划宽度时;它为所有人做到了。当我检查元素时,它表明每一行确实都有一个独特的“系列类”,但我似乎称其为单个行进行更改是不正确的。我希望该组的2系列具有较轻的笔触wdith。有任何建议吗?

您如何使单条线相对于其系列变细,而又如何使其他线成为标准的“笔划宽度”呢?

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

如果要遍历整个选择树,则为:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

TOP 榜单

热门标签

归档