Изменить цвет области линейной диаграммы в Angular-NVD3

Я использую библиотеку Angular-NVD3 для отображения некоторых линейных диаграмм. Я видел, что могу установить для свойства «область» значение «истина» в данных, чтобы область графика была окрашена.

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

живой пример

но я не могу найти, как изменить цвет области. по умолчанию диаграмма окрашивает область в более светлый оттенок цвета линии, но мне нужно, чтобы он был светло-серым.

Разрешает ли API ($scope.options) такую ​​возможность? есть ли способ "взломать" его?


javascript angularjs angular-nvd3
person svarog    schedule 17.11.2015    source источник
comment
Вы когда-нибудь докопались до этого?!?!   -  person iggymoran    schedule 16.12.2015
comment
ну ... технически d3 - это svg, а svg - это часть DOM, я пытался использовать css, чтобы выбрать область и, возможно, как-то манипулировать ею, но не смог сделать это правильно, но это возможно. Я думаю, что это главный кандидат на запрос функции.   -  person svarog    schedule 16.12.2015
comment
@iggymoran проверьте опубликованное решение   -  person svarog    schedule 26.12.2015

Ответы (1)


arrow_upward
3
arrow_downward

Я открыл issue в github и получил ответ от автора, он посоветовал изменить правила css области и предоставили этот фрагмент

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

(0 — индекс строки).

Я протестировал его в загрузке, и он работает так, как нужно!

person svarog    schedule 26.12.2015