nvd3库，如何自定义折线图

Question

我正在使用 nvd3 在我的应用中绘制一些统计数据。 我想增加图表中线条的粗细。怎么可能？

谢谢

Answer 1

搜索负责当前行的stroke-width 的类。 然后插入一条更具体的规则，并在此处更改stroke-width 的值。

在this example from the nvd3 examples 中，stroke-width 由如下规则设置：

.nvd3 .nv-groups path.nv-line

所以我们创建一个匹配规则，稍微具体一点，例如：

.nvd3 g.nv-groups path.nv-line

并为stroke-width 附加一个新值：

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