Duration on Value Axis
This demo showcases several powerful concepts. Let’s take a look.
Duration axis
There’s a special type of axis that can reformat the values into any kind of “duration”. The units and formats are fully configurable.
Binding properties of chart elements to data
Size of the bullets on the “Latitude” series is bound to a data, using its “template fields”. This is a very powerful concept, which allows binding any setting of any object to a value in data.
In this case we bind radius of the circle bullet to the townSize field in data.
More info about template fields
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 multi-axis chart with three data types on a shared date axis (Jan 1-17, 2012). Add three Y-axes: distance (miles, left), latitude (hidden, left), and duration (formatted time, right). Plot distance as columns, latitude as a line with variable-size circle markers based on town size, and duration as a line with square markers. Each series has custom tooltips. Include an XY cursor and staggered entrance animation. Use amCharts 5 library.
Demo source