Merge pull request #498 from plsdev89/fix/chart-smoothing-overshoot

Fix chart smoothing overshoot

Author: Eldemarkki

src/components/DailyCodingTimeChart/DailyCodingTimeChart.tsx

@@ -110,6 +110,8 @@ export const DailyCodingTimeChart = ({
             borderColor: "#1f78b4",
             borderWidth: 4,
             pointRadius: 2,
+            // Avoid "overshoot" where the smoothed curve goes above/below actual points.
+            cubicInterpolationMode: smoothCharts ? "monotone" : "default",
             tension: smoothCharts ? 0.5 : 0,
           },
         ],

src/components/MonthlyCodingTimeChart/MonthlyCodingTimeChart.tsx

@@ -120,6 +120,8 @@ export const MonthlyCodingTimeChart = ({
             borderColor: "#1f78b4",
             borderWidth: 4,
             pointRadius: 2,
+            // Avoid "overshoot" where the smoothed curve goes above/below actual points.
+            cubicInterpolationMode: smoothCharts ? "monotone" : "default",
             tension: smoothCharts ? 0.5 : 0,
           },
         ],