Skip to content
amCharts Version 3 Documentation
Back to amcharts.com Learn more about amCharts 5
Documentation
  • amCharts 5Current version
  • amCharts 4Legacy version
  • amCharts 3Deprecated
  • Editor 4Current version
  • Overview
  • Getting Started
    • Your first chart with amCharts
    • Your first Stock chart
    • Your first amMap
    • All “Getting Started” Tutorials
  • Tutorials
    • JavaScript Charts
      • Column & Bar
      • Line & Area
      • Pie & Funnel
      • XY & Bubble
      • Gauges & Other
    • JavaScript Stock Chart
    • JavaScript Maps
    • External Data
    • Hacking
    • Exporting
    • Live Editor
    • WordPress
  • Reference
    • JavaScript Charts
    • JavaScript Stock Chart
    • JavaScript Maps
  1. V3
  2. Tutorials & Demos
  3. Hacking

Sync chart cursor with HTML5 audio

This demo shows how you can sync an audio track from HTML5 tag <audio> with a chart.

We're using audio element's timeupdate event to invoke chart cursor's showCursorAt() method to place chart cursor at the specific place in the time line.

Posted in Hacking, JavaScript Charts, Line & AreaTagged api, demo code, events, sync, tip
©2026 amCharts.com