nvd3库，如何自定义折线图

Question

我使用nvd3在我的应用中绘制一些统计数据。我想在我的图表中增加线条的厚度。这怎么可能呢?

谢谢

Answer 1

搜索负责当前行stroke-width的类。然后插入一个稍微更具体的规则，并在那里更改stroke-width的值。

在nvd3示例中的这个示例中，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;
}