JavaScript Chart with Sticky X-Axis

This example shows how to keep a shared X-axis visible while scrolling vertically through a multi-channel chart in scrollable container.

A second ChartXY, containing only an X-axis, is placed over the bottom of the scrolling container. Its interval is synchronized with the main chart, while the layoutchange event keeps its size and padding aligned with the real X-axis. The overlay is hidden when the real axis enters the viewport.