feat: add label to y-axis for chart

rango-exchange · Jul 30, 2024 · 64bab34 · 64bab34
1 parent 146788c
commit 64bab34
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/components/home/ChartBox/Chart.tsx b/components/home/ChartBox/Chart.tsx
@@ -58,6 +58,9 @@ const Chart = (props: ChartProps) => {
         orientation="left"
         hideAxisLine
         hideTicks
+        label={label}
+        labelClassName="fill-neutral-800 text-10 font-normal"
+        labelOffset={20}
         numTicks={3}
         tickComponent={(props) => <CustomTick {...props} />}
       />

diff --git a/components/home/ChartBox/index.tsx b/components/home/ChartBox/index.tsx
@@ -60,7 +60,7 @@ function ChartBox(props: PropsType) {
         <Chart
           days={currentDays}
           data={[...data]}
-          label="Number of Transactions"
+          label="Number of transactions"
         />
       </div>
     </div>