transparente Farbe in Javascript D3.js

Question

EDIT: Ich habe ein SVG-Diagramm mit d3.js produziert. Der ausgefüllte Bereich des Diagramms ist mit CSS-Regeln eingefärbt. Ich möchte, dass die Bereiche halbtransparent sind, damit Sie die Daten im obersten Diagrammbereich sehen können.

Original:

Gibt es trotzdem die Farbe dieses Diagramm transparent zu machen? http://jsfiddle.net/skys331/QBDGB/22/ Ich möchte hinter den grünen Daten sehen können.

Dank

Answer 1

Ja. Sie können transparent für die Füllung, wie so verwenden:

.line1 { 
    fill: transparent; 
    ... 
} 

Alternativ können Sie die Opazität des .line1 Element gesetzt:

.line1 { 
    fill: green; 
    opacity: 0.5; 
} 

Oder die Füllung zu uns rgba (RGB-Farbe mit einem Alpha-Komponente gesetzt):

.line1 { 
    fill: rgba(0, 128, 0, 0.5); 
} 

Answer 2

Undurchsichtigkeit zum Grün hinzufügen:

.line1 { 
    fill: green; 
    stroke: black; 
    stroke-width: 1.5px; 
    opacity:0.5; 

} 

Ihre Geige Editiert: http://jsfiddle.net/QBDGB/23/