feat(components): show tooltip count and total count on bubble plot t…

…o first digit resolves #25
GenSpectrum · Apr 4, 2024 · 57aafc3 · 57aafc3
1 parent 74cfdac
commit 57aafc3
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/components/src/preact/prevalenceOverTime/prevalence-over-time-bubble-chart.tsx b/components/src/preact/prevalenceOverTime/prevalence-over-time-bubble-chart.tsx
@@ -64,9 +64,12 @@ const PrevalenceOverTimeBubbleChart = ({ data, yAxisScaleType }: PrevalenceOverT
                         label: (context) => {
                             const dataset = data[context.datasetIndex!];
                             const dataPoint = dataset.content[context.dataIndex!];
-                            return `${dataset.displayName}: ${(dataPoint.prevalence * 100).toFixed(2)}%, ${dataPoint.count}/${
-                                dataPoint.total
-                            } samples`;
+
+                            const percentage = (dataPoint.prevalence * 100).toFixed(2);
+                            const count = dataPoint.count.toFixed(0);
+                            const total = dataPoint.total.toFixed(0);
+
+                            return `${dataset.displayName}: ${percentage}%, ${count}/${total} samples`;
                         },
                     },
                 },