Line chart> (swimlane/ngx-charts) In zoom-in mode, the chart marker is displaying the value of...

1. Marker Display Issue in Zoom-In Mode

When zooming into the line chart, the marker/tooltip is showing the value of the next data point instead of the currently selected one.

2. Tooltip Position Misalignment

Applying the following zoom styles

transform: scale(1.39); transform-origin: center top;

the tooltip position to become misaligned — it no longer correctly aligns with the corresponding data point on the chart with the above styles

Example Link

Stackblitz Link

Continue reading...