Правильно изменить координату линии SVG с помощью jQuery

Question

Я пытаюсь изменить одну из Y-координат строки SVG, я использую jQuery и плагин плагина + анимации SVG. Я анимировал линии ранее, но здесь функция должна просто изменить положение,

это работает;

$(strings[i]).animate({ 
    svgY1 : 150 
}, 0); 

это не так;

$(strings[i]).attr( 
    'svgY1', '150' 
); 

Я могу видеть, что я не следует использовать анимацию, но я не знаю, почему атр или CSS не работает в этом контексте? Я полагаю, проблема заключается в том, что svgY1 не является правильным способом идентифицировать эту координату, возможно, но я застрял.

На данный момент все заинтересованные элементы являются статическими, я уверен, что это не помеха от другой функции.

Answer 1

Во-первых, придающие строки уникальные идентификаторы:

svg.line(g, 450, 120, 550, 20, {strokeWidth: 5, id: '123'}); 

Теперь используем функцию смены менеджера: SVG

svg.change(svg.getElementById('123'), { y1: 150 });