ApexCharts Synced Hover Charts

Three stacked charts that share an x-axis and *also* share their hover crosshair — when the user hovers any one of them, the other two highlight the same x-tick simultaneously. ApexCharts implements this through the `group` property on the chart config: any two charts sharing a `

Template details

  • chart
  • synced
  • hover
  • linked
  • multi-chart
  • apexcharts
  • apex

When to use this template

This visualization makes it obvious how multiple, distinct metrics evolve simultaneously over a shared time period. An analyst would reach for it to understand the temporal relationships, correlations, or divergences between related phenomena, especially when each metric requires its own scale but their synchronized behavior is key to insight. It helps answer 'what happened across all these indicators at a specific point in time?'

  • Multiple time series sharing a common time dimension
  • Metrics with disparate units or vastly different value ranges
  • Data where temporal alignment across series is critical for comparison
  • Identifying synchronous or asynchronous trends across related metrics
  • Comparing 2-5 distinct but conceptually linked performance indicators
  • Observing event impact across multiple operational metrics

Browse all Koan templates