Mixed Daily and Intra-Day Chart
Displaying both daily and hourly data on the same chart is a great way to provide an overview high-level data and more granular details at a glance.
Key implementation details
The trick here is that we add two X axes (one for the hourly and for the daily data) and hide the labels and grid lines on the hourly one by setting forceHidden = true on both templates.
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 chart combining hourly and daily data on two separate X-axes. Display 240 hourly data points as a line series and 10 daily data points as columns, sharing the same Y-axis. Hide the hourly axis labels and grid lines to avoid clutter. Include an XY cursor, horizontal tooltips, pan/zoom on the X-axis, minor grid lines for the daily axis, and entrance animation. Use amCharts 5 library.
Demo source