Да

и первая кордината значит не пересчитывается

или там наоборот х1 снизу х2 сверху?

Смотря для чего. Для линии выше точки нет. А для линии ниже - пересчитывается

x1 сверху

вот она и не пересчитывается при удалении элемента

почему?

причем не пересчитывается только при удалении. При добавлении пересчитывается

По логике вещей она должна пересчитываться на 60 строке

Функция пересчета то одна и та же на все

Функция пересчета то одна и та же на все

почему она может не пересчитывать при удалении и пересчитывать при доабвление? значит при удлаении не вызывается функция пересчета но почему?

Вызывается. Расположение точек же пересчитывается

точек да но не x1

Вызывается. Расположение точек же пересчитывается

и точки тоже не пересчитываются

Вызывается. Расположение точек же пересчитывается

ниже строки удаления движения вообще не происходит

Только что проверил, происходит

Только что проверил, происходит

у меня нет может разный код смотрим?

Только что проверил, происходит

пересчет происходит только если изменилось количество круглишков в строке

Вот так было

Вот так стало, когда удалил 18:

Точки пересчитались

хм

давай разберем как проиходит пересчет х1 при удалении

$('g[data-id='+id+'] line').each(function(){ // Пересчет линий, которые НИЖЕ данной строки d3.select(this).transition() .duration(1000) .attr("x1", b+'%'); });

я так понимаю это оно?

оно берет каждый ид тоесть каждый кругляшек и присваивает ему х1

для линии

ан нет у линни аж два значения х1 y1 и х2 y2

воторые вообще не считаются

не пересчитываются

Оно берет id кружка

Который находится сейчас в заданном ряду (а кружки перебираются все)

За каждым кружком идет группа с таким же id (в этой группе дочерние элементы)

Вот, ищется группа с таким же id, какой был у кружка

В ней выбираются все линии (которые непосредственно в ней, а не во в неё вложенных группах)

И с этими линиями происходит работа

То есть меняется x1 (поскольку группа и линии ниже кружка, то меняем только верх. координату)

58 строка

Если убрать .transition() .duration(1000)

То все работает как надо

тут нестыковка у тебя если работа происходит только со входящими в группу элементами тогда как двигаются кружки если удалить кружок из другой группы?

Пересчет для всех групп происходит

Оно перебирает каждую группу в ряде

И линии в группе

Если убрать .transition() .duration(1000)

То все работает как надо

То все работает как надо

так в чем ошибка то была?

оно рводе никак на пересчет не влияет

Таки в анимации

Но надо, что б работало именно с анимацией

Ну попробуй сам, убрать эти строчки и проверь

я проверил работает

Таки в анимации

наверно оно не может посчитать из за анимации полпробуй сначал считать а потом анимировать так можно?

Так оно сначала считает, а потом только записывает просчитанное значение (меняет координату)

может пробелма в переменных

В каких именно?

.attr("x1", parent.attr('cx')) .attr("y1", parseInt(parent.attr('cy'))+8)

Так это вообще только при создании линии используется

а y1 не пересчитывается?

Нет

а почему?

Высота всегда одна

а ну да

Высота всегда одна

а ты можешь сделать для х1 такой же расчет как для х2?

ERROR: S client not available

ато в х1 какоето шаманство происходит непонятное

на 57 строке

вот на 66 вроде все ясно

На 57 строке на расчет, а просто выбор линий, для которых меняется координата

Если сделать так же, как на 66, то я не смогу для нужной линии забивать правильную координату родителя

Если сделать так же, как на 66, то я не смогу для нужной линии забивать правильную координату родителя

а нельзя х1 присваивать значение родительского кружка?

без всяких расчетов

а оно и так завязано на нем

ваще как происходит пересчет х1?

вижу только .attr("x1", b+'%');

но это неособо помогает

х1 унас значит b+

а b+ это у нас a

а a всвою очередь a = 100/(count+1);

Смотри

ваааааааа как слажно

Если после 69 строки

Поставить .delay(1000)

Все работает

Опять же, анимация не оч

Но работает

Расчеты там все верны, тут в анимации же дело

ну как так

неможет такого быть

С пересчетем x2 походу проблемы

почему х2 вроде встает на свое место

А не

Блин

Сам не пойму, как так то

$('g[data-id='+id+'] > line').each(function(){ // Пересчет линий, которые НИЖЕ данной строки

что вот тут происходит?

Выбор группы с таким же id, как у круга