+ {/* Value label above bar (on hover) */}
${data.revenue.toFixed(0)}
-
- {/* Permanent value label for larger values */}
- {data.revenue > maxRevenue * 0.3 && (
-
- ${data.revenue > 1000 ? `${(data.revenue/1000).toFixed(1)}k` : data.revenue.toFixed(0)}
-
- )}
-
+
+ {/* Value label above every bar */}
+ {data.revenue > 0 && (
+
+ ${data.revenue > 1000 ? `${(data.revenue/1000).toFixed(1)}k` : data.revenue.toFixed(0)}
+
+ )}
0 ? '8px' : '2px',
- maxHeight: '180px'
- }}
+ style={{ height: `${heightPx}px` }}
>
- {/* Value label on smaller bars */}
- {data.revenue <= maxRevenue * 0.3 && data.revenue > 0 && (
-
- ${data.revenue > 1000 ? `${(data.revenue/1000).toFixed(1)}k` : data.revenue.toFixed(0)}
-
- )}
{/* Enhanced Tooltip */}
@@ -714,6 +710,8 @@ const Analytics = () => {
);
})}
+ );
+ })()
) : (