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