From e7747cec8edd1cf234b65fb05322e73eaabc26b6 Mon Sep 17 00:00:00 2001
From: Jae Sung Park <alberto.park@gmail.com>
Date: Mon, 1 Aug 2022 14:59:50 +0900
Subject: [PATCH] fix(gauge): Fix size mismatch w/o gauge multi label text is
 hidden

Fix gauge's size to be eqaul when label text is hidden

Ref #2799
---
 src/ChartInternal/shape/arc.ts |  2 +-
 test/shape/gauge-spec.ts       | 32 +++++++++++++++++++++++++++++++-
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/src/ChartInternal/shape/arc.ts b/src/ChartInternal/shape/arc.ts
index e178eef86..d73350d57 100644
--- a/src/ChartInternal/shape/arc.ts
+++ b/src/ChartInternal/shape/arc.ts
@@ -45,7 +45,7 @@ export default {
 
 		// determine radius
 		state.radiusExpanded = Math.min(state.arcWidth, state.arcHeight) / 2 * (
-			$$.hasMultiArcGauge() ? 0.85 : 1
+			$$.hasMultiArcGauge() && config.gauge_label_show ? 0.85 : 1
 		);
 
 		state.radius = state.radiusExpanded * 0.95;
diff --git a/test/shape/gauge-spec.ts b/test/shape/gauge-spec.ts
index b3b923afc..5218edeaa 100644
--- a/test/shape/gauge-spec.ts
+++ b/test/shape/gauge-spec.ts
@@ -446,13 +446,17 @@ describe("SHAPE GAUGE", () => {
 					colors: {}
 				}
 			},
+			legend: {
+				show: true
+			},
 			gauge: {
 				background: "",
 				type: "multi",
 				label: {
 					format: function(value) {
 						return `${value}%`;
-					}
+					},
+					show: true
 				},
 				fullCircle: false,
 				arcLength: 360,
@@ -761,6 +765,32 @@ describe("SHAPE GAUGE", () => {
 			}, 100);
 		});
 
+		const gaugeSizeWithoutLabel = {
+			width: 0,
+			height: 0,
+			radius: 0
+		};
+
+		it("set options: legend.show & gauge.label.show", () => {
+			const rect = chart.$.arc.node().getBoundingClientRect();
+
+			// store values to compare with next test
+			gaugeSizeWithoutLabel.width = rect.width;
+			gaugeSizeWithoutLabel.height = rect.height;
+			gaugeSizeWithoutLabel.radius = chart.internal.state.radius;
+
+			args.legend.show = false;
+			args.gauge.label.show = false;
+		});
+
+		it("Arc size should expand w/o when gauge label text is hidden.", () => {
+			const rect = chart.$.arc.node().getBoundingClientRect();
+			const {radius} = chart.internal.state;
+
+			expect(rect.width).to.be.greaterThan(gaugeSizeWithoutLabel.width);
+			expect(rect.height).to.be.greaterThan(gaugeSizeWithoutLabel.height);
+			expect(radius).to.be.greaterThan(gaugeSizeWithoutLabel.radius);
+		});
     });
     
     describe("Positioning", () => {