Live Sorting of Radar Columns
This demo showcases a radar chart with real-time data and columns sorted by value.
Key implementation details
When the values change we sort the data by value. Then we need to rearrange our category axis (countries) accordingly. We find corresponding indices between the newly sorted data and previous category position on the axis and change and animate the axis positions accordingly. See the comments in the demo code for the exact details on how to implement this.
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 radar column chart with live sorting animation. Display data for 11 countries (USA, China, Japan, Germany, UK, France, India, Spain, Netherlands, South Korea, Canada) as colored columns radiating from the center with a donut hole. Each column has a unique color and rounded corners. Every 1.5 seconds, modify all values randomly, then automatically re-sort columns by descending value. Animate the repositioning and value changes with smooth animation. Temporarily hide the zoom-out button during animations. The sorting mechanism recalculates index positions between series data order and category axis display order, then smoothly animates axis labels to match the new ranking. Use a circular category axis with hidden grid and a radial value axis. Show tooltips with country name and value. Use amCharts 5 library.
Demo source