Wie man eine einzigartige Linie dünner mit NVD3

Question

Guten Tag. Ich habe ein Liniendiagramm von NVD3, wo es 4 Linien auf dem Diagramm gibt. Ich habe es gut bevölkern. Ich möchte jedoch, dass eine dieser Linien dünner ist als der Rest.

Wenn ich auf die nvd3.CSS gehe; die Gruppenklasse stellt für alle Linien so dar, wenn ich die Stoke-Breite ändere; es tut es für alle. Als ich die Elemente inspizierte, zeigt es, dass jede Zeile eine eindeutige "Serienklasse" hat, aber ich kann es nicht als richtig bezeichnen, die Änderung für eine einzelne Zeile vorzunehmen. Ich würde mir wünschen, dass die Serie 2 in der Gruppe den dünneren Strich hat. Irgendeine Suggestion?

Wie machst du eine einzelne Linie in Bezug auf ihre Reihe dünn, während die anderen die Standardgruppe "Strichbreite" machen?

.nvd3 g.nv-groups path.nv-line { // the group lines that apply to all 
    stroke-width: 9px; 
} 
.nvd3 g.nv-groups path.nv-series-2{ // the single line i am trying to make thinner 
    stroke-width: 1px; 
} 

Answer 1

Wenn Sie die gesamte Auswahl Baum gehen wollen, wäre es:

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

.nvd3 g.nv-groups g.nv-series-2 path.nv-line { 
    stroke-width: 1px; 
}