Pull request #6344: [DXCF-6648] [Web] Volume - Issues for volume after save layout

Merge in DXCHARTS/dxchart5 from bugfix/DXCF-6648-web-volume-issues-for-volume-after-save-layout to master

Squashed commit of the following:

commit 39d0919abdc9cf1b002e23f73c43702489e8889e
Author: dxcity <dxcity@bots.devexperts.com>
Date:   Fri Feb 6 09:26:28 2026 +0000

    CI: update snapshots

commit ea288c433d4cde8827406245c567779abd1d198c
Author: Vladislav Poddubskii <vpoddubskii@devexperts.com>
Date:   Fri Feb 6 10:32:30 2026 +0300

    [DXCF-6648]
    [Web] Volume - Issues for volume after save layout

GitOrigin-RevId: c7450258712bd4f6a1c841d79999f54a4b7876e7

Author: artskar

src/chart/components/volumes/volumes.drawer.ts

@@ -99,16 +99,22 @@ export class VolumesDrawer implements DynamicModelDrawer<VolumesModel> {
 		if (volumeMax === 0) {
 			return;
 		}
+		const viewportModel = this.getViewportModel();
+		if (!viewportModel.isViewportValid()) {
+			return;
+		}
 		const candles = flat(
 			this.chartModel.mainCandleSeries
 				// TODO volumes drawer should be a part of data series drawer
 				.getSeriesInViewport(this.chartModel.scale.xStart - 1, this.chartModel.scale.xEnd + 1),
 		);
-		const viewportModel = this.getViewportModel();
 		candles.forEach((vCandle, idx) => {
 			if (vCandle.candle.volume) {
 				const bounds = viewportModel.getBounds();
 				const fullVHeight = bounds.height;
+				if (fullVHeight <= 0) {
+					return;
+				}
 				const nextX =
 					candles[idx + 1] !== undefined
 						? floorToDPR(viewportModel.toX(candles[idx + 1].startUnit))
@@ -121,8 +127,16 @@ export class VolumesDrawer implements DynamicModelDrawer<VolumesModel> {
 					const height = ceilToDPR(viewportModel.toY(0)) - y;
 					this.drawVolume(canvasModel, vCandle, x, y, width, height);
 				} else {
-					const zoomY = volumeMax / (fullVHeight / OVERLAY_VOLUME_TOTAL_HEIGHT_DIVISOR);
-					const height = Math.max(ceilToDPR(unitToPixels(vCandle.candle.volume, zoomY)), 2);
+					const volumeHeightDivisor = fullVHeight / OVERLAY_VOLUME_TOTAL_HEIGHT_DIVISOR;
+					if (volumeHeightDivisor <= 0) {
+						return;
+					}
+					const zoomY = volumeMax / volumeHeightDivisor;
+					if (!isFinite(zoomY) || zoomY <= 0) {
+						return;
+					}
+					const calculatedHeight = Math.max(ceilToDPR(unitToPixels(vCandle.candle.volume, zoomY)), 2);
+					const height = Math.min(calculatedHeight, fullVHeight);
 					const y = floorToDPR(bounds.y + fullVHeight - height);
 					this.drawVolume(canvasModel, vCandle, x, y, width, height);
 				}

src/chart/components/volumes/volumes.model.ts

@@ -58,8 +58,11 @@ export class VolumesModel extends ChartBaseElement {
 	 * @returns {void}
 	 */
 	updateVolumeMax() {
-		this.volumeMax.next(
-			firstOf(volumeMaxMinFn(this.chartComponent.chartModel.mainCandleSeries.getSeriesInViewport().flat())) ?? 0,
+		// Use the same parameters as in drawer to ensure volumeMax is calculated from the same candles that will be drawn
+		const candles = this.chartComponent.chartModel.mainCandleSeries.getSeriesInViewport(
+			this.scale.xStart - 1,
+			this.scale.xEnd + 1,
 		);
+		this.volumeMax.next(firstOf(volumeMaxMinFn(candles.flat())) ?? 0);
 	}
 }