Angular Gauge with Two Axes
Like most amCharts charts you can have multiple axes in Gauge charts as well. This also enables multiple independent clock hands pointing to values on different scales.
Key implementation details
We create an inner axis with a negative radius on its renderer and inside set to true on it and its ticks template. Then we add a second axis the same way we would do in a single axis scenario.
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 dual-axis angular gauge with two concentric circular value axes. The inner axis (Measurement #1, range 0-160) sits inside the outer axis (Measurement #2, range 0-240). Each axis has a distinct color with matching tick marks and labels. Add two needles, one per axis, each colored to match its axis. Include digital value labels showing current values as white text on colored backgrounds. Add a legend at the bottom identifying both measurements. Auto-update both needles every 2 seconds with random values, with smooth animation. Hide grid lines on both axes. Use amCharts 5 library.
Demo source