在一个 svg 中对图表的多个容器进行 D3 缩放行为

目前，我有一个SVG，里面有多个容器，即多个较小的svg，根据json数据中的组数呈现。如果 json 中有 5 组数据，则 5 个较小的多个容器将适合该外部 svg。

此外，如果缩放容器，则其他容器应反映相同的缩放行为，并且应同步。这将在散点图和多线图上实现。

当前的问题是多个容器按预期呈现，但放大行为时只有最后一个容器是正确的。在其他容器上，当调用缩放函数时，缩放行为不正确，即将其视为散点图，比例和轴上的气泡不会放大或缩小。

1( 假设其他容器中的轴选择正确，如何使轴也放大其他容器？
2( 如何同步所有容器中的缩放行为，无论我缩放哪个容器？

法典：

    d3.select(that.selector+" #svgContainer"+index)
      .call(d3.behavior.zoom()
      .x(that.xScale)
      .y(that.yScale)
      .scaleExtent([1, 10])
      .on("zoom", zoomed)); /*Attaching Zoom behavior to each container id '#svgContainer0','#svgContainer1',so on.*/
    function zoomed() {
        that.zoomed_out = false;
        that.k.isOrdinal(that.selector,"#"+this.id+" .x.axis",that.xScale);
        isOrdinal(that.selector,"#"+this.id+" .x.grid",that.xScale);
        isOrdinal(that.selector,"#"+this.id+" .y.axis",that.yScale);
        isOrdinal(that.selector,"#"+this.id+" .y.grid",that.yScale);
        that.optionalFeatures()
            .plotCircle()
            .label();
        d3.select(that.selector)
            .selectAll(".dot")
            .attr("r", function (d) {
                return that.sizes(d.weight)*d3.event.scale;
            });
    };
    function isOrdinal(svg,container,scale) {
        var l = container.length;
        var temp = container.substr((l-7),7);
        if(temp === ".x.axis") {                                
                d3.select(svg).select(container).call(makeXAxis(options,scale));
            }
            else if(temp === ".y.axis") {
                d3.select(svg).select(container).call(makeYAxis(options,scale));
            }
    };
    function makeXAxis(options,xScale) {
    var xaxis = d3.svg.axis()
                    .scale(xScale)
                    .ticks(options.axis.x.no_of_ticks)
                    .tickSize(options.axis.x.tickSize)
                    .outerTickSize(options.axis.x.outer_tick_size)
                    .tickPadding(options.axis.x.ticksPadding)
                    .orient(options.axis.x.orient);
    return xaxis;
};
    function makeYAxis(options,yScale) {
    var yaxis = d3.svg.axis()
                    .scale(yScale)
                    .orient(options.axis.y.orient)
                    .ticks(options.axis.y.no_of_ticks)
                    .tickSize(options.axis.y.tickSize)
                    .outerTickSize(options.axis.y.outer_tick_size)
                    .tickPadding(options.axis.y.ticksPadding);
    return yaxis;
};