прозрачный цвет в javascript D3.js

Question

EDIT: У меня есть график SVG, созданный с помощью d3.js. Заполненная область графика окрашена правилами CSS. Я бы хотел, чтобы области были полупрозрачными, чтобы вы могли видеть данные, затененные самой большой областью графа.

Оригинал:

Есть в любом случае, чтобы сделать цвет этого графика прозрачным? http://jsfiddle.net/skys331/QBDGB/22/ Я хочу видеть за зелеными данными.

Благодаря

Answer 1

Да. Вы можете использовать transparent для заливки, например, так:

.line1 { 
    fill: transparent; 
    ... 
} 

Вы можете альтернативно установить непрозрачность .line1 элемента:

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

Или установите заливку нам rgba (цвет RGB с альфа-компонента):

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

Answer 2

Добавить Непрозрачность в зеленый:

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

} 

отредактировали скрипку: http://jsfiddle.net/QBDGB/23/