feat: enhance RadarChart component with initial dimensions
Some checks failed
Deploy with Docker Compose / deploy (push) Failing after 3s
Some checks failed
Deploy with Docker Compose / deploy (push) Failing after 3s
- Added initial dimensions for height and width based on the compact prop to improve layout handling. - Updated ResponsiveContainer to utilize the new initialDimension prop for better responsiveness. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -47,9 +47,15 @@ export function RadarChart({ data, compact }: RadarChartProps) {
|
|||||||
|
|
||||||
if (data.length === 0) return null;
|
if (data.length === 0) return null;
|
||||||
|
|
||||||
|
const initialH = compact ? 112 : 288;
|
||||||
|
const initialW = 300;
|
||||||
return (
|
return (
|
||||||
<div className={compact ? "h-28 w-full" : "h-72 w-full"}>
|
<div className={compact ? "h-28 w-full" : "h-72 w-full"}>
|
||||||
<ResponsiveContainer width="100%" height="100%">
|
<ResponsiveContainer
|
||||||
|
width="100%"
|
||||||
|
height="100%"
|
||||||
|
initialDimension={{ width: initialW, height: initialH }}
|
||||||
|
>
|
||||||
<RechartsRadar data={data}>
|
<RechartsRadar data={data}>
|
||||||
<PolarGrid stroke={c.grid} />
|
<PolarGrid stroke={c.grid} />
|
||||||
<PolarAngleAxis dataKey="dimension" tick={{ fontSize: compact ? 7 : 9, fill: c.axis }} />
|
<PolarAngleAxis dataKey="dimension" tick={{ fontSize: compact ? 7 : 9, fill: c.axis }} />
|
||||||
|
|||||||
Reference in New Issue
Block a user