fix(zoom): Fix on zoom.rescale option (#566)

Update x axis domain with the zoomScale domain value

Fix #470
Close #566

spec/interactions/zoom-spec.js

@@ -210,7 +210,7 @@ describe("ZOOM", function() {
 			expect(resetBtn.style("display")).to.be.equal("none");
         });
 
-        it("set options zoom.resetButton.text='test", () => {
+        it("set options zoom.resetButton.text='test'", () => {
 			args.zoom.resetButton = {
 				text: "test"
 			};
@@ -225,6 +225,28 @@ describe("ZOOM", function() {
 		    expect(resetBtn.empty()).to.be.false;
 		    expect(resetBtn.text()).to.be.equal("test");
 	    });
+
+	    it("set options zoom.rescale=true", () => {
+		    args.zoom.rescale = true;
+	    });
+
+	    it("check for the y axis rescale", () => {
+	    	const axisY = chart.$.main.select(`.${CLASS.axisY}`);
+
+		    // when
+		    chart.zoom([0, 2]);
+
+		    let tick = axisY.selectAll(".tick").nodes().pop();
+
+		    expect(+tick.textContent).to.be.equal(200);
+
+		    // when
+		    chart.zoom([2,4]);
+
+		    tick = axisY.selectAll(".tick").nodes().pop();
+
+		    expect(+tick.textContent).to.be.equal(6000);
+	    });
     });
 
 	describe("zoom on regions", () => {

src/api/api.zoom.js

@@ -42,7 +42,7 @@ const zoom = function(domainValue) {
 			$$.brush.getSelection().call($$.brush.move, [xScale(domain[0]), xScale(domain[1])]);
 			resultDomain = domain;
 		} else {
-			const orgDomain = $$.x.orgDomain();
+			const orgDomain = $$.subX.domain();
 			const k = (orgDomain[1] - orgDomain[0]) / (domain[1] - domain[0]);
 			const gap = $$.isCategorized() ? $$.xAxis.tickOffset() : 0;
 			const tx = isTimeSeries ?

src/interactions/zoom.js

@@ -90,13 +90,16 @@ extend(ChartInternal.prototype, {
 		 */
 		zoom.updateTransformScale = transform => {
 			// rescale from the original scale
-			const newScale = transform.rescaleX($$.x.orgScale());
+			const newScale = transform.rescaleX($$.subX.orgScale());
 			const domain = $$.trimXDomain(newScale.domain());
+			const rescale = config.zoom_rescale;
 
 			newScale.domain(domain, $$.orgXDomain);
 
 			$$.zoomScale = $$.getCustomizedScale(newScale);
 			$$.xAxis.scale($$.zoomScale);
+
+			rescale && $$.x.domain($$.zoomScale.orgDomain());
 		};
 
 		$$.zoom = zoom;

src/internals/ChartInternal.js

@@ -807,7 +807,7 @@ export default class ChartInternal {
 		// callback function after redraw ends
 		const afterRedraw = flow || config.onrendered ? () => {
 			flow && flow();
-			config.onrendered && config.onrendered.call($$);
+			callFn(config.onrendered, $$);
 		} : null;
 
 		if (afterRedraw) {