Выборочный зум D3

1. вы можете добавить класс к элементу, для которого вы хотите активировать масштабирование:

   d3 ... .append('svg:g').classed("some_classname", true).call(d3.behavior.zoom().on("zoom", redraw))...
   

   затем выполните:

   function redraw() {
     trans = d3.event.translate;
     scale = d3.event.scale;
     vis.selectAll("some_classname").attr("transform", "translate(" + trans + ")" + " scale(" + scale + ")");
   }
   

   ---

2. или вы можете добавить класс ко всем элементам, для которых вы не хотите запускать масштабирование, а затем использовать псевдокласс CSS3 :not:

   function redraw() {
     trans = d3.event.translate;
     scale = d3.event.scale;
     vis.selectAll("*:not(.some_classname)").attr("transform", "translate(" + trans + ")" + " scale(" + scale + ")");
   }
   

Единственное решение, которое я смог найти, - это "уродливый взлом", если (я предполагаю, что вы это делаете) вы пытаетесь, например, не масштабировать линии, вам следует попробовать следующее, это работает как для увеличения, так и для уменьшения масштаба:

Демонстрация: http://jsfiddle.net/SO_AMK/gJMTb/

JavaScript:

function redraw() {
  vis.attr("transform", "translate(" + d3.event.translate + ")" + " scale(" + d3.event.scale + ")");
  vis.attr("font-size", (nodeFontSize / d3.event.scale) + "px");
  vis.selectAll("line.link").style("stroke-width", getStrokeWidth); // Function so it runs for each element individually
}

function getStrokeWidth(){
    if (!this.__data__.stroke) { // Doesn't exist, so set it to the original stroke-width
        this.__data__.stroke = parseFloat(d3.select(this).style("stroke-width"));
        // I found __data__ to be easier than d3's .data()
    }
    return this.__data__.stroke / d3.event.scale + "px";
}

Подробнее об использовании функции с style() см. в документации.