feat: move legend to the bottom

aleph-im · Mar 25, 2024 · 61b403c · 61b403c
1 parent 6da3187
commit 61b403c
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/components/MetricsPlot.tsx b/src/components/MetricsPlot.tsx
@@ -26,8 +26,17 @@ const MetricsPlot: React.FC<MetricsPlotProps> = ({ plotData, layout }) => {
         },
       ],
       type: "date",
+
       ...layout.xaxis,
     },
+    legend: {
+      orientation: "h",
+      x: 0.5,
+      xanchor: "center",
+      y: -0.1,
+      yanchor: "top",
+      ...layout.legend,
+    },
   };
 
   console.log(extendedLayout);