Biblioteka nvd3, Jak dostosować wykres liniowy - css, svg, nvd3.js

Używam nvd3 do rysowania niektórych statystyk w mojej aplikacji. Chciałbym zwiększyć grubość linii na moich wykresach. Jak to możliwe?

Dzięki

Odpowiedzi:

Wyszukaj klasę odpowiedzialną za bieżący stroke-width twoich linii. Następnie wstaw regułę, która jest nieco bardziej szczegółowa i zmień wartość dla stroke-width tam.

W ten przykład z przykładów nvd3, stroke-width jest ustawiona przez następującą regułę:

.nvd3 .nv-groups path.nv-line

Tworzymy więc regułę dopasowania, która jest nieco bardziej szczegółowa, np .:

.nvd3 g.nv-groups path.nv-line

i dołącz nową wartość stroke-width z tym:

.nvd3 g.nv-groups path.nv-line {
stroke-width: 5px;
}