なぜSVGストローク幅：1ラインを透明にするのですか？

Question

私はSVGを使用してストックチャートを作成していますが、パス要素のストローク幅を1に設定すると問題が発生します。線をより狭くする代わりに、ストローク幅と同じサイズになります。しかし、少し透明です。私は十分な評判ポイントがないので、私はそれの画像を投稿することはできません...

私の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 それはちょっと長かったので属性。また、 color は、「緑」、「赤」、または「黒」のいずれかとして手に前に決定される文字列変数です。

私のコードにこれを引き起こしているのか、それとも別の問題がありますか？