Я создаю биржевые диаграммы с 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);
Я потерял значение для атрибута path d
, поскольку он был длинным. Кроме того, color
- это строковая переменная, которая определяется вручную как "зеленый", "красный" или "черный".
Что-то не так в моем коде, что вызывает это, или это другая проблема?