From 9e8ea8d224b91d1d245c896ab9c169697ae006a8 Mon Sep 17 00:00:00 2001
From: Mariela Tihova <MTihova@infragistics.com>
Date: Mon, 12 Jan 2026 21:02:51 +0200
Subject: [PATCH] fix(chart-annotations): add PlotAreaMargin to ensure end
 markers are fully visible

---
 .../charts/data-chart/crosshair-layer-styling/App.razor  | 9 ++++++++-
 .../data-chart/final-value-layer-styling/App.razor       | 9 ++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/samples/charts/data-chart/crosshair-layer-styling/App.razor b/samples/charts/data-chart/crosshair-layer-styling/App.razor
index 7da9fec564..4b42b227ff 100644
--- a/samples/charts/data-chart/crosshair-layer-styling/App.razor
+++ b/samples/charts/data-chart/crosshair-layer-styling/App.razor
@@ -5,7 +5,14 @@
     <div class="container vertical">
         @if (Data != null)
         {
-        <IgbDataChart Height="100%" Width="100%" Subtitle="Renewable Energy Generated">
+        <IgbDataChart 
+            Height="100%" 
+            Width="100%" 
+            Subtitle="Renewable Energy Generated"
+            PlotAreaMarginTop="12"
+            PlotAreaMarginBottom="12"
+            PlotAreaMarginLeft="12"
+            PlotAreaMarginRight="12">
             <IgbCategoryXAxis Name="xAxis" DataSource="Data" Label="Year" />
             <IgbNumericYAxis Name="yAxis" Title="TWh" LabelLocation="AxisLabelsLocation.OutsideRight" />
 
diff --git a/samples/charts/data-chart/final-value-layer-styling/App.razor b/samples/charts/data-chart/final-value-layer-styling/App.razor
index 129ecd8d6d..92d0ad62a4 100644
--- a/samples/charts/data-chart/final-value-layer-styling/App.razor
+++ b/samples/charts/data-chart/final-value-layer-styling/App.razor
@@ -5,7 +5,14 @@
     <div class="container vertical">
         @if (Data != null)
         {
-        <IgbDataChart Height="100%" Width="100%" Subtitle="Renewable Energy Generated">
+        <IgbDataChart 
+            Height="100%" 
+            Width="100%" 
+            Subtitle="Renewable Energy Generated"
+            PlotAreaMarginTop="12"
+            PlotAreaMarginBottom="12"
+            PlotAreaMarginLeft="12"
+            PlotAreaMarginRight="12">
             <IgbCategoryXAxis Name="xAxis" DataSource="Data" Label="Year" />
             <IgbNumericYAxis Name="yAxis" Title="TWh" LabelLocation="AxisLabelsLocation.OutsideRight" />