ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

feat: replace vertical funnel with horizontal funnel chart

Browse Source 
Switched to horizontal orientation with grouped labels for better
readability across multi-step funnels.
This commit is contained in:
Usman Baig
2026-03-21 22:23:47 +01:00
parent 4ef92b9e3a
commit 6098b5e158
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/sites/[id]/funnels/[funnelId]/page.tsx
View File

@@ -216,16 +216,18 @@ export default function FunnelReportPage() {
</div> </div>
{/* Chart */} {/* Chart */}
<div className="bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-2xl overflow-hidden shadow-sm p-6 mb-8"> <div className="bg-neutral-900 border border-neutral-800 rounded-2xl overflow-hidden shadow-sm p-6 mb-8">
<h3 className="text-lg font-semibold text-neutral-900 dark:text-white mb-6"> <h3 className="text-lg font-semibold text-white mb-6">
Funnel Visualization Funnel Visualization
</h3> </h3>
<FunnelChart <FunnelChart
data={chartData} data={chartData}
orientation="vertical" orientation="horizontal"
color="var(--chart-1)" color="var(--chart-1)"
layers={3} layers={3}
className="mx-auto max-w-md" labelLayout="grouped"
labelAlign="center"
labelOrientation="vertical"
/> />
</div> </div>