Почему ширина хода SVG: 1 изготовление линий прозрачным?

Я создаю стоковые диаграммы с SVG, и у меня возникнут проблема, когда я устанавливаю ширину хода, ширину моих путей к 1. вместо того, чтобы сделать строки более узкими, это просто делает его таким же размером как ширина хода: 2, но слегка прозрачный. Я не могу опубликовать его, хотя, потому что у меня недостаточно репутации ...

Мой тег SVG выглядит так:

<div style="height:300px; width:400px; overflow:hidden">
<svg style="position:relative" height="10000" width="10000" version="1.1" xmlns="http://www.w3.org/2000/svg">
</svg>
</div>

, и я добавляю элементы пути динамически используя JavaScript / jQuery:

var shape = document.createElementNS("http://www.w3.org/2000/svg", "path");
$(shape).attr({"d":"...",
               "fill":"none",
               "stroke":color,
               "stroke-width":"1"});
$("svg").append(shape);

Я покинул значение для атрибута D D , так как он был длинным. Кроме того, цвет - это строковая переменная, которая определяется перед рукой как «зеленый», «красный», либо «черный».