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

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

Оригинал:

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

Спасибо

Ответ 1

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

.line1 {
  fill: transparent;
  ...
}

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

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

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

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

Ответ 2

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

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

}

Отредактирована ваша скрипка: http://jsfiddle.net/QBDGB/23/