fix legend

Author: alrocar

dashboard/ai-analytics/src/app/components/SparkChart.tsx

@@ -103,6 +103,7 @@ import { useState } from 'react';
                 showAnimation={false}
                 curveType="monotone"
                 stack={isStacked}
+                yAxisWidth={60}
                 customTooltip={(props) => (
                   <div style={{ 
                     position: 'fixed', 

dashboard/ai-analytics/src/app/components/TimeseriesChart.tsx

@@ -210,6 +210,12 @@ export default function TimeseriesChart({ data, filters, onFiltersChange, isLoad
       return `$${valueFormatter(number)}`;
     }
   };
+
+  // Add a separate formatter for the y-axis with fewer decimal places
+  const yAxisValueFormatter = (number: number) => {
+    // Use fewer decimal places for the y-axis to prevent cutting off
+    return `$${number.toFixed(2)}`;
+  };
 
   return (
     <Card 
@@ -291,7 +297,7 @@ export default function TimeseriesChart({ data, filters, onFiltersChange, isLoad
                           colors={tab.colors}
                           stack={true}
                           showLegend={false}
-                          yAxisWidth={45}
+                          yAxisWidth={60}
                           valueFormatter={costValueFormatter}
                           className="h-[calc(100%-24px)] mt-10 hidden md:block"
                           showTooltip={true}