更改 Angular-NVD3 中的折线图区域颜色

Question

我正在使用 Angular-NVD3 库来显示一些折线图，我看到我可以将 "area" 属性设置为 'true'数据，以便图表的区域将被着色。

{
    values: [/** some data **/],
    key: 'Cosine Wave',
    color: '#2ca02c',
    area: true
}

但我找不到如何更改该区域的颜色。默认情况下，图表会将区域着色为线条颜色的较浅色调，但我需要它为浅灰色。

API ($scope.options) 甚至允许这样的选项吗？有办法 'hack' 吗？

Answer 1

我打开了一个 issue in github 并得到了作者的回复，他建议更改该区域的 css 规则并提供了这个片段

.nvd3 .nv-group.nv-series-0 {
     fill: lightgray!important; /* color for area */
}

（0 是行索引）。

我在 plunk 中对其进行了测试，它可以正常工作！

Change line chart area color in Angular-NVD3