fix: round chart numbers in applyDataCorrection for consistent rounding (#2556)

Author: ulrichstark

app/components/Chart/SplitSparkline.vue

@@ -31,9 +31,7 @@ const props = defineProps<{
 
 const { locale } = useI18n()
 const colorMode = useColorMode()
-const numberFormatter = useNumberFormatter({
-  maximumFractionDigits: 0,
-})
+const numberFormatter = useNumberFormatter()
 const resolvedMode = shallowRef<'light' | 'dark'>('light')
 const rootEl = shallowRef<HTMLElement | null>(null)
 const palette = getPalette('')

app/components/Package/TrendsChart.vue

@@ -1540,7 +1540,7 @@ const chartConfig = computed<VueUiXyConfig>(() => {
           const rows = items
             .map((d: Record<string, any>) => {
               const label = String(d?.name ?? '').trim()
-              const raw = Math.round(Number(d?.value ?? 0))
+              const raw = Number(d?.value ?? 0)
               const v = compactNumberFormatter.value.format(Number.isFinite(raw) ? raw : 0)
 
               if (!hasMultipleItems) {

app/components/Package/WeeklyDownloadStats.vue

@@ -60,9 +60,7 @@ function handleModalTransitioned() {
 }
 
 const { fetchPackageDownloadEvolution } = useCharts()
-const numberFormatter = useNumberFormatter({
-  maximumFractionDigits: 0,
-})
+const numberFormatter = useNumberFormatter()
 
 const { accentColors, selectedAccentColor } = useAccentColor()
 

app/utils/chart-data-correction.ts

@@ -83,7 +83,7 @@ export interface ChartFilterSettings {
 }
 
 /**
- * Applies moving average then smoothing in sequence.
+ * Applies moving average, smoothing and then rounding up in sequence.
  */
 export function applyDataCorrection<T extends { value: number }>(
   data: T[],
@@ -92,5 +92,6 @@ export function applyDataCorrection<T extends { value: number }>(
   let result = data
   result = movingAverage(result, settings.averageWindow)
   result = smoothing(result, settings.smoothingTau)
+  result = result.map(d => ({ ...d, value: Math.ceil(d.value) }))
   return result
 }