diff --git a/src/components/DailyCodingTimeChart/DailyCodingTimeChart.tsx b/src/components/DailyCodingTimeChart/DailyCodingTimeChart.tsx index 3f23392c..4949ce04 100644 --- a/src/components/DailyCodingTimeChart/DailyCodingTimeChart.tsx +++ b/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, }, ], diff --git a/src/components/MonthlyCodingTimeChart/MonthlyCodingTimeChart.tsx b/src/components/MonthlyCodingTimeChart/MonthlyCodingTimeChart.tsx index 755416b8..b33b1c28 100644 --- a/src/components/MonthlyCodingTimeChart/MonthlyCodingTimeChart.tsx +++ b/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, }, ],