Hybrid Drill-Down Pie/Bar Chart
This demo shows how you can crate a single Container with two charts in it – PieChart and XYChart – connected using events.
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 dashboard with a donut chart on the left and a horizontal bar chart on the right, both in a single container split evenly. The donut chart has three slices: Critical (89, red), Acceptable (71, gold), and Good (120, green), with no labels shown on the slices. Display the selected category name and percentage in the center of the donut. Each slice has nested breakdown data (e.g., Sales inquiries, Support requests, Bug reports, Other). Clicking a slice updates the bar chart with that category's breakdown data, coloring the bars to match the selected slice color. Auto-select the first slice on load. Show tooltips with category and value on the bar chart. Animate both charts on load. Use amCharts 5 library.
Demo source