d3 ориентированный график с изменяющейся шириной штриха

Question

Я пытаюсь сделать простой ориентированный граф с использованием d3. У меня есть основной график и работают со ссылкой на примеры http://bl.ocks.org/mbostock/1153292, http://bl.ocks.org/d3noob/5155181 и http://bl.ocks.org/dustinlarimer/5888271

Проблемы я столкнулся в том, что для моего случая использования, мне нужно иметь разную ширину для кромок на основе указанного веса край. Теперь, когда я пытаюсь изменить свойство «ширина штриха», ширина стрелок также становится очень большой (прикрепление скриншота) .

Я был бы очень благодарен, если бы кто-нибудь мог указать на конкретный пример или предложить предложения для быстрого обходного пути для этого.

Answer 1

Вы можете дать маркеру атрибут markerUnits с userSpaceOnUse значением, которое переопределяет, что поведение замасливающего по умолчанию:

.attr('markerUnits', 'userSpaceOnUse')