colore trasparente in javascript D3.js

Question

MODIFICA: Ho un grafico SVG prodotto con d3.js. L'area riempita del grafico è colorata dalle regole CSS. Vorrei che le aree fossero semitrasparenti in modo da poter vedere i dati oscurati dall'area del grafico più importante.

originale:

Esiste un modo per rendere il colore di questo grafico trasparente? http://jsfiddle.net/skys331/QBDGB/22/ Voglio essere in grado di vedere dietro i dati verdi.

Grazie

Answer 1

Sì. È possibile utilizzare transparent per il riempimento, in questo modo:

.line1 { 
    fill: transparent; 
    ... 
} 

in alternativa è possibile impostare l'opacità dell'elemento .line1:

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

o impostare il riempimento a noi rgba (di colore RGB con una componente alpha):

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

Answer 2

Aggiungi Opacità al verde:

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

} 

Modificato il vostro violino: http://jsfiddle.net/QBDGB/23/