Zooming on one axis

[torranto]

In example Plot Zooming scaling is done on two axes.

It is necessary to make scaling on different axes separately:

• mousewheel - scaling on X-axes
• mousewheel and shift key - scaling on Y-axes
• mousemove - move chart

I tried to do so this:

function zoomed() {

	if (d3.event.sourceEvent.type == "wheel") {
		if (d3.event.sourceEvent.shiftKey) {
			var rescaledY = d3.event.transform.rescaleY(y);
			yAxis.scale(rescaledY);
			candlestick.yScale(rescaledY);
		} else {
			x.zoomable().domain(d3.event.transform.rescaleX(zoomableInit).domain());
		}
	}
	else { // d3.event.sourceEvent.type == "mousemove"
		var rescaledY = d3.event.transform.rescaleY(y);
		yAxis.scale(rescaledY);
		candlestick.yScale(rescaledY);

		x.zoomable().domain(d3.event.transform.rescaleX(zoomableInit).domain());
	}

	draw();
}

"Mouse wheel" works as it should, but after that "mouse move" work wrongly, scale is breaking down.
Correctly works "mouse wheel" or "mouse move", but not together.
How can be fix it?

[offtopic]

@torranto, I need the same functionality, but i want only to zoom the xAxis on the x-axis component.
Have you already solved your problem?

[torranto]

@offtopic, no, I could not solve this problem.