Merge pull request #1057 from buildo/fix-donut-tooltip

arabello · web-flow · commit cf3980b53ecf · 2025-09-04T09:34:43.000+02:00
fix(donut-chart): show item color in tooltip
diff --git a/packages/bento-design-system/src/Charts/Tooltip/Tooltip.tsx b/packages/bento-design-system/src/Charts/Tooltip/Tooltip.tsx
@@ -47,14 +47,15 @@ export const useTooltip = <TValue extends ValueType, TName extends NameType>(
                 : typeof formatterResult === "string" || typeof formatterResult === "number"
                 ? `${name}: ${formatterResult}`
                 : `${name}: ${value}`;
+              const tooltipColor = color ?? item.fill;
               return (
                 <Columns key={name} space={4} alignY="center">
                   <Column width="content">
                     <Box
                       height={16}
                       width={16}
                       borderRadius={4}
-                      style={{ backgroundColor: color }}
+                      style={{ backgroundColor: tooltipColor }}
                     />
                   </Column>
                   <Body size="small">{formattedText}</Body>
