D3 - Установка масштаба масштабирования двойного щелчка

Question

Я искал вокруг и не нашел твердого решения для установки масштаба масштабирования, когда пользователь дважды щелкает по экрану.

Самая дальняя я получил, установив scaleVal, как показано в функции dblclicked(), как показано здесь, в скрипку

https://jsfiddle.net/helloGoodDay/62vq9h8p/3/

  function dblclicked() 
      { 
       var translate = zoom.translate(), 
        mouse = d3.mouse(this), 
        scaleOld = zoom.scale(), 
        zoomOld = Math.log(scaleOld)/Math.LN2, 
        zoomNew = d3.event.shiftKey ? Math.max(minScale + 8, Math.ceil(zoomOld) - 1) : Math.min(maxScale + 8, Math.floor(zoomOld) + 1), 
        scaleNew = Math.pow(scaleVal, zoomNew), 
        zoomDelta = scaleNew/scaleOld; 

       svg.transition() 
        .duration(350) 
        .call(zoom 
        .scale(scaleNew) 
        .translate([(translate[0] - mouse[0]) * zoomDelta + mouse[0], (translate[0] - mouse[0]) * zoomDelta + mouse[0]]) 
        .event); 

       d3.event.stopImmediatePropagation(); 
      } 

Однако, если вы дважды щелкните немного больше, узлы исчезают и мне тоже не нравится анимация.

Есть ли способ установить значение масштаба масштабирования таким образом, чтобы узлы не исчезали и что анимация не является этой нерешительностью?

Edit: Функция от https://github.com/d3/d3/issues/1985

Answer 1

Ok скажите мне, если это решение костюм вашей проблемы

https://jsfiddle.net/qm6h4wm7/2/

То, что я сделал:

• уменьшить масштаб между каждым увеличением (1)

• предел 5 масштабирования для того, чтобы всегда иметь узел в представлении (2)

таким образом, что узлы не исчезают

(1) scaleNew = Math.pow(2, zoomNew) 

(2) if(zoomNew<5){...}