From 3f657d97b26d7763d1d2a59cf4166efea1c3f5c7 Mon Sep 17 00:00:00 2001
From: Mike Cao <mike@mikecao.com>
Date: Sun, 3 Dec 2023 23:16:50 -0800
Subject: [PATCH] Fixed bar chart rendering issue.

---
 src/components/metrics/BarChart.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/metrics/BarChart.tsx b/src/components/metrics/BarChart.tsx
index 8bb3a7a7..6d28dc20 100644
--- a/src/components/metrics/BarChart.tsx
+++ b/src/components/metrics/BarChart.tsx
@@ -127,10 +127,9 @@ export function BarChart({
       data: {
         datasets,
       },
+      options: getOptions() as any,
     });
 
-    chart.current.options = getOptions();
-
     onCreate?.(chart.current);
   };
 
@@ -160,7 +159,7 @@ export function BarChart({
   }, [datasets, unit, theme, animationDuration, locale]);
 
   return (
-    <div className={styles.container}>
+    <>
       <div className={classNames(styles.chart, className)}>
         {isLoading && <Loading position="page" icon="dots" />}
         <canvas ref={canvas} />
@@ -171,7 +170,7 @@ export function BarChart({
           <div className={styles.tooltip}>{tooltip}</div>
         </HoverTooltip>
       )}
-    </div>
+    </>
   );
 }