Funnel with Gradient Fill
Gradients can enhance the visual appeal of chart and even create a faux 3D feel when needed. amCharts has the helpers to create advanced gradients.
Key implementation details
In this demo we set fillGradient on our Funnels slices template to a LinearGradient. The gradient has 3 stops with adjusted brightness creating the effect you see.
Related tutorials
Build this chart with AI
The prompt below can be used to build this chart with AI. For best coding results, use the most advanced AI models, like Claude Opus 4.6 and GPT-5.3-Codex. For more info and tips, check out amCharts AI docs.
Create a funnel chart with gradient fills applied to each slice to give a subtle three-dimensional depth appearance. Display seven categories (One through Seven) with decreasing values from 10 to 1. Each funnel slice should have a gradient that creates a slight 3D look through brightness variation. Remove visible borders between slices for a clean, seamless look. Align labels to the sides. Add a centered legend below the chart. Use the Animated theme. The chart should be 500px tall at full width. Use amCharts 5 library.
Demo source