fix(axis): Fix x Axis tick height calculation

Update condition determining x Axis tick is rotated to consider
absolute number(weather positive or negative) value.

Fix #3643

src/ChartInternal/internals/size.axis.ts

@@ -71,7 +71,7 @@ export default {
 
 		const maxtickSize = $$.axis.getMaxTickSize(id);
 
-		const isXAxisTickRotated = config.axis_x_tick_rotate > 0 && (
+		const isXAxisTickRotated = Math.abs(config.axis_x_tick_rotate) > 0 && (
 			!config.axis_x_tick_autorotate || $$.needToRotateXAxisTickTexts()
 		);
 

test/internals/axis-spec.ts

@@ -1275,6 +1275,18 @@ describe("AXIS", function() {
 				expect(height).to.be.above(67);
 				expect(height).to.be.below(80);
 			});
+
+			it("set options: axis.x.tick.multiline=false", () => {
+				args.axis.x.tick.multiline = false;
+			});
+
+			it("x Axis shouldn't be overlapped with the legend", () => {
+				const {legend, main} = chart.$;
+				const legendRect = legend.node().getBoundingClientRect();
+				const xAxisRect = main.selectAll(`.${$AXIS.axisX}`).node().getBoundingClientRect();
+
+				expect(legendRect.top > xAxisRect.bottom).to.be.true;
+			});
 		});
 	});