diff --git a/app/components/Chart/SplitSparkline.vue b/app/components/Chart/SplitSparkline.vue index 3f164d0067..d9dd5be2ff 100644 --- a/app/components/Chart/SplitSparkline.vue +++ b/app/components/Chart/SplitSparkline.vue @@ -31,6 +31,9 @@ const props = defineProps<{ const { locale } = useI18n() const colorMode = useColorMode() +const numberFormatter = useNumberFormatter({ + maximumFractionDigits: 0, +}) const resolvedMode = shallowRef<'light' | 'dark'>('light') const rootEl = shallowRef(null) const palette = getPalette('') @@ -153,6 +156,9 @@ const configs = computed(() => { fontSize: 24, bold: false, color: colors.value.fg, + formatter: ({ value }) => { + return numberFormatter.value.format(value) + }, datetimeFormatter: { enable: true, locale: locale.value, diff --git a/app/components/Package/WeeklyDownloadStats.vue b/app/components/Package/WeeklyDownloadStats.vue index 02a179c29e..0f8d9d51a2 100644 --- a/app/components/Package/WeeklyDownloadStats.vue +++ b/app/components/Package/WeeklyDownloadStats.vue @@ -60,7 +60,9 @@ function handleModalTransitioned() { } const { fetchPackageDownloadEvolution } = useCharts() -const numberFormatter = useNumberFormatter() +const numberFormatter = useNumberFormatter({ + maximumFractionDigits: 0, +}) const { accentColors, selectedAccentColor } = useAccentColor()