title: D3: two x-axis with independent zoom behavior
body: <p>I want to have two independent x-axis in my Time-Comparison chart (TimeScale) and have a problem to implement the zoom Behavior for both. I would like that d3 calculates the x-Domain for both axis independently - that would be perfect. But how can I bind (and call) two zoom Behavior for each axis to my one 'g'-Element (.d3-draw-area) ? </p>
  
  <p>I have listener for both axis but only the "Master-Axis" is (logically) being computed:</p>
  
  <pre><code>d3.select(".d3-draw-area").call(d3.behavior.zoom()
              .on('zoom' + ".x" + self._getXAxisMaster().ID, function () { self._zoomX(self._getXAxisMaster()); })
              .on('zoom' + ".x" + self._getXAxisSlave().ID, function () { self._zoomX(self._getXAxisSlave()); })
              .x(self._getXAxisMaster().d3Axis.scale())
              );
  </code></pre>
  
  <p>thx...!</p>