fix(zoom): Fix initial error empty data with zoom

Fix zoom event binding error when initialized with empty data.

Fix #3470

src/ChartInternal/interactions/zoom.ts

@@ -298,8 +298,7 @@ export default {
 		// Applying the workaround: https://github.com/d3/d3-zoom/issues/231#issuecomment-802305692
 		$$.$el.svg.on("wheel", () => {});
 
-		eventRect
-			.call(behaviour)
+		eventRect?.call(behaviour)
 			.on("dblclick.zoom", null);
 	},
 

test/interactions/zoom-spec.ts

@@ -49,26 +49,37 @@ describe("ZOOM", function() {
 				expect(yDomain[0]).to.be.equal(expectedYDomain[0]);
 				expect(yDomain[1]).to.be.equal(expectedYDomain[1]);
 			});
-		});
 
-		describe("main chart domain", () => {
 			it("should have original y domain in subchart", () => {
 				const yDomain = chart.internal.scale.y.domain();
 				const subYDomain = chart.internal.scale.subY.domain();
 
 				expect(subYDomain[0]).to.be.equal(yDomain[0]);
 				expect(subYDomain[1]).to.be.equal(yDomain[1]);
 			});
-		});
 
-		describe("main chart domain", () => {
 			it("should have specified brush extent", () => {
 				const brushExtent = chart.internal.brush.extent()();
 				const expectedBrushExtent = [[1, 0], [2, 60]];
 
 				expect(brushExtent[0][1]).to.be.equal(expectedBrushExtent[0][1]);
 				expect(brushExtent[1][1]).to.be.equal(expectedBrushExtent[1][1]);
 			});
+
+			it("initialization with empty data", () => {
+				expect(
+					util.generate({
+						data: {
+							x: "x",
+							columns: [],
+							type: "line"
+						},
+						zoom: {
+							enabled: true
+						}
+					})
+				).to.not.throw;
+			});
 		});
 	});