Line with Custom Bullets
Anything can be a bullet
Besides pre-defined shapes, bullet can be anything in amCharts 5 – an SVG image or path, static image, another complex shape – even another chart.
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 line chart with 9 hourly data points on a date axis using a dashed line style. At each point, display a custom bullet with an SVG icon inside a colored circle, each icon representing a different event. Add an XY cursor with vertical crosshair only, tooltips, pan/zoom, and staggered entrance animation. Use amCharts 5 library.
Demo source