2

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

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

活生生的例子

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

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

4

1 回答 1

3

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

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

0作为线索引)。

我对它进行了一次测试它可以根据需要工作!

于 2015-12-26T17:46:22.150 回答