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