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

Question

我正在使用 Angular-NVD3 库来显示一些折线图，我看到我可以在数据中将“区域”属性设置为“真”，这样图表的区域就会被着色。

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

live example

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

API ($scope.options) 是否允许这样的选项？有没有办法“破解”它？

Answer 1

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

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

(0 是行索引)。

我在 plunk 中测试了它它可以根据需要工作!