Масштабирование и чистка в градиенте силы d3

Question

У меня проблема с тем, что D3 выполняет правильную чистку при выполнении масштабирования.

У меня есть jsFiddle, созданный здесь http://jsfiddle.net/Gwp25/2/, показывающий сеть с некоторыми фиктивными данными, которые я нашел в другом месте. Следующее действие - это. Увеличьте (используя колесико мыши), затем включите чистку. После этого очистите узлы. Выбранные узлы отключены - некоторые из области кисти. Вот соответствующая часть кода, касающаяся выбора узлов в пределах кисти.

  .on("brush", function() { 
       var extent = d3.event.target.extent(); 
       console.log(extent); 
       d3.selectAll(".node").select("circle").classed("selected", function(d) { 
        return d.selected = (extent[0][0] <= x_scale(d.x) && x_scale(d.x) < extent[1][0] 
          && extent[0][1] <= d3.tran(d.y) && y_scale(d.y) < extent[1][1]); 
       }); 
      }) 

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

Любые идеи?

Answer 1

Я считаю, что у меня есть рабочий вариант того, что вы ищете: http://jsfiddle.net/Gwp25/8/

Вы были близки по реализации. Я объясню, что я изменил, чтобы заставить его работать.

Во-первых, я приложил весы к функции zoom. Это важно, поскольку d3 автоматически обновляет их по мере увеличения и уменьшения масштаба. Важно отметить, что я не использовал ваши шкалы личных данных. Если вы используете шкалу тождества, поведение масштабирования d3 не будет обновлять масштаб. Вот весы, которые я создал, которые идентичны с вашим, когда нет зума:

var x_scale = d3.scale.linear().domain([0, chartWidth]).range([0, chartWidth]); 
var y_scale = d3.scale.linear().domain([0, chartHeight]).range([0, chartHeight]); 

Теперь brush также принимает в качестве параметров весов. Здесь вы ошибочно ставите оригинальные шкалы идентичности. Поэтому, несмотря на то, что график был увеличен и подкрашен, вы использовали один и тот же масштаб для сопоставления точек с вновь увеличенным графиком.

Для правильной настройки весов вы можете получить доступ к шкалам поведения масштабирования, позвонив по телефону: zoom.x() или zoom.y().

После того, как вы это сделали, остальное - соус.

Примечание: Я немного взломал код, чтобы получить доступ к вашей функции масштабирования в toggleBrushing, сделав ее глобальной переменной. Я не рекомендую держать его таким образом, но я не хотел делать тяжелый рефакторинг. Удачи, надеюсь, что это поможет!