refactor(polar): refactor polar padding logic (#28)

* refactor(polar): create inner radius per area * fix(polar): follow linter
cmpark0126 · Dec 22, 2021 · 15b5dd9 · 15b5dd9
1 parent 2b31d72
commit 15b5dd9
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/ChartInternal/shape/polar.ts b/src/ChartInternal/shape/polar.ts
@@ -51,13 +51,14 @@ export default {
 		const {config, state: {current}} = $$;
 		const [width, height] = $$.getPolarSize();
 		const radius = Math.min(width, height);
+		const dataMax = current.dataMax;
 
 		// TODO: remove magic number
-		const innerRadius = config.polar_padding * 0.4;
+		const innerRadius = config.polar_padding * 0.75;
 
 		return d3Arc()
-			.innerRadius(innerRadius)
-			.outerRadius((d: any) => d.data.values.reduce((a, b) => a + b.value, 0) / current.dataMax * radius)(d) || "M 0 0";
+			.innerRadius((d: any) => innerRadius * d.data.values.reduce((a, b) => a + b.value, 0) / dataMax)
+			.outerRadius((d: any) => d.data.values.reduce((a, b) => a + b.value, 0) / dataMax * radius)(d) || "M 0 0";
 	},
 
 	updateTargetsForPolarArc(targets): void {