From c0df07aae4f53011d6539ac3d0091977e697df32 Mon Sep 17 00:00:00 2001
From: Andrew Goldenbaum <agoldenbaum@infragistics.com>
Date: Wed, 21 Jan 2026 15:12:52 -0500
Subject: [PATCH] Fix annotation layer styling samples

---
 .../charts/data-chart/crosshair-layer-styling/src/index.tsx    | 3 ++-
 .../charts/data-chart/final-value-layer-styling/src/index.tsx  | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/samples/charts/data-chart/crosshair-layer-styling/src/index.tsx b/samples/charts/data-chart/crosshair-layer-styling/src/index.tsx
index 64ea7312e7..5748c89148 100644
--- a/samples/charts/data-chart/crosshair-layer-styling/src/index.tsx
+++ b/samples/charts/data-chart/crosshair-layer-styling/src/index.tsx
@@ -39,7 +39,8 @@ export default class DataChartCrosshairLayerStyling extends React.Component<any,
                         width="100%"
                         height="100%"
                         subtitle="Renewable Energy Generated"
-                        dataSource={this.data}>
+                        dataSource={this.data}
+						computedPlotAreaMarginMode="Series">
                         <IgrCategoryXAxis name="xAxis" 
                             label="Year" 
                             dataSource={this.data}/>
diff --git a/samples/charts/data-chart/final-value-layer-styling/src/index.tsx b/samples/charts/data-chart/final-value-layer-styling/src/index.tsx
index f5851ca8d2..d66080fd02 100644
--- a/samples/charts/data-chart/final-value-layer-styling/src/index.tsx
+++ b/samples/charts/data-chart/final-value-layer-styling/src/index.tsx
@@ -42,7 +42,8 @@ export default class DataChartFinalValueLayerStyling extends React.Component<any
                         width="100%"
                         height="100%"
                         subtitle="Renewable Energy Generated"
-                        dataSource={this.data}>
+                        dataSource={this.data}
+						computedPlotAreaMarginMode="Series">
                         <IgrCategoryXAxis name="xAxis" 
                             label="Year" 
                             dataSource={this.data}/>