fix: autocenter fixed

influxdata · Feb 10, 2021 · e645c03 · e645c03
1 parent e96d3ee
commit e645c03
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/giraffe/src/components/GaugeMini.tsx b/giraffe/src/components/GaugeMini.tsx
@@ -476,6 +476,8 @@ export const GaugeMini: FunctionComponent<Props> = ({
     labelBarsFontColor,
     labelBarsFontSize,
     colors,
+    axesSteps,
+    axesFontSize,
   } = theme
   const [barLabelsWidth] = useState<number[]>([])
 
@@ -501,7 +503,19 @@ export const GaugeMini: FunctionComponent<Props> = ({
   const [autocenterToken, setAutocenterToken] = useState(0)
   useEffect(() => {
     setAutocenterToken(x => x + 1)
-  }, [barLabelWidth, sidePaddings, valueHeight, width, height])
+  }, [
+    width,
+    height,
+    barLabelWidth,
+    barsDefinitions,
+    valueHeight,
+    gaugeHeight,
+    barPaddings,
+    sidePaddings,
+    labelMainFontSize,
+    axesSteps,
+    axesFontSize,
+  ])
 
   /** return value as fraction 0->min 1->max */
   const getFrac = (val: number): number => (val - colors.min.value) / colorLen