Spectrum Chart
This demo shows how we can leverage single-category ColumnSeries with floating columns, DateAxis, “axis ranges”, and “template fields” to create a Spectrum chart.
Axis range docs Template fields docs
Among other things, it also shows how chart’s Legend can be created with a totally custom items in it.
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 horizontal timeline chart showing 10 time-based events on a single row. Each event has a start time and end time displayed as a colored horizontal bar. Use four status colors: green for Normal operation, orange for Minor alarm, purple for Anomaly, and red for Critical error. Add time labels at each event's start point. Include a centered legend showing the four status categories with their corresponding colors. Disable panning and zooming. Animate the series on load. Use amCharts 5 library.
Demo source