diff --git a/RadzenBlazorDemos/Pages/AreaChartConfig.razor b/RadzenBlazorDemos/Pages/AreaChartConfig.razor
index f81e11d7f..2d2712784 100644
--- a/RadzenBlazorDemos/Pages/AreaChartConfig.razor
+++ b/RadzenBlazorDemos/Pages/AreaChartConfig.razor
@@ -21,6 +21,15 @@
                     </Items>
                 </RadzenSelectBar>
             </RadzenStack>
+            <RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0.5rem">
+                <RadzenLabel Text="Tick Placement" Component="tickPlacement" />
+                <RadzenSelectBar @bind-Value="@tickPlacement" TValue="TickPlacement" Size="ButtonSize.Small" Name="tickPlacement">
+                    <Items>
+                        <RadzenSelectBarItem Value="TickPlacement.Between" Text="Between" />
+                        <RadzenSelectBarItem Value="TickPlacement.On" Text="On" />
+                    </Items>
+                </RadzenSelectBar>
+            </RadzenStack>
         </RadzenStack>
     </RadzenCard>
 
@@ -31,7 +40,7 @@
         <RadzenAreaSeries Smooth="@smooth" FillMode="@fillMode" Data="@revenue2024" CategoryProperty="Date" Title="2024" LineType="LineType.Dashed" ValueProperty="Revenue">
             <RadzenSeriesDataLabels Visible="@showDataLabels" />
         </RadzenAreaSeries>
-        <RadzenCategoryAxis Padding="20" LabelAutoRotation="-45" />
+        <RadzenCategoryAxis LabelAutoRotation="-45" TickPlacement="@tickPlacement" />
         <RadzenValueAxis Formatter="@FormatAsUSD">
             <RadzenGridLines Visible="true" LineType="LineType.Dashed" />
             <RadzenAxisTitle Text="Revenue in USD" />
@@ -43,6 +52,7 @@
     bool smooth = true;
     bool showDataLabels = false;
     FillMode fillMode = FillMode.Gradient;
+    TickPlacement tickPlacement = TickPlacement.Between;
     class DataItem
     {
         public string Date { get; set; }
diff --git a/RadzenBlazorDemos/Pages/BarChartConfig.razor b/RadzenBlazorDemos/Pages/BarChartConfig.razor
index a6a0e6390..6439db25d 100644
--- a/RadzenBlazorDemos/Pages/BarChartConfig.razor
+++ b/RadzenBlazorDemos/Pages/BarChartConfig.razor
@@ -31,15 +31,6 @@
                     </Items>
                 </RadzenSelectBar>
             </RadzenStack>
-            <RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0.5rem">
-                <RadzenLabel Text="Tick Placement" Component="tickPlacement" />
-                <RadzenSelectBar @bind-Value="@tickPlacement" TValue="TickPlacement" Size="ButtonSize.Small" Name="tickPlacement">
-                    <Items>
-                        <RadzenSelectBarItem Value="TickPlacement.Between" Text="Between" />
-                        <RadzenSelectBarItem Value="TickPlacement.On" Text="On" />
-                    </Items>
-                </RadzenSelectBar>
-            </RadzenStack>
             <RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0.5rem">
                 <RadzenLabel Text="Max Height" Component="maxHeight" />
                 <RadzenNumeric @bind-Value="@maxHeight" Min="0" Max="200" Step="10" Style="width: 90px" Name="maxHeight" />
@@ -60,7 +51,7 @@
                 <RadzenBarSeries FillMode="@fillMode" Data="@revenue2023" CategoryProperty="Quarter" Title="2023" ValueProperty="Revenue">
                     <RadzenSeriesDataLabels Visible="@showDataLabels" Position="@labelPosition" />
                 </RadzenBarSeries>
-                <RadzenCategoryAxis TickPlacement="@tickPlacement" />
+                <RadzenCategoryAxis />
                 <RadzenValueAxis Formatter="@FormatAsUSD">
                     <RadzenGridLines Visible="true" />
                     <RadzenAxisTitle Text="Revenue in USD" />
@@ -94,7 +85,6 @@
     bool showDataLabels = false;
     DataLabelPosition labelPosition = DataLabelPosition.Auto;
     FillMode fillMode = FillMode.Gradient;
-    TickPlacement tickPlacement = TickPlacement.Between;
     double maxHeight = 0;
     double categoryGap = 0;
 
diff --git a/RadzenBlazorDemos/Pages/ColumnChartConfig.razor b/RadzenBlazorDemos/Pages/ColumnChartConfig.razor
index 2801d9686..aedf93fd6 100644
--- a/RadzenBlazorDemos/Pages/ColumnChartConfig.razor
+++ b/RadzenBlazorDemos/Pages/ColumnChartConfig.razor
@@ -31,15 +31,6 @@
                     </Items>
                 </RadzenSelectBar>
             </RadzenStack>
-            <RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0.5rem">
-                <RadzenLabel Text="Tick Placement" Component="tickPlacement" />
-                <RadzenSelectBar @bind-Value="@tickPlacement" TValue="TickPlacement" Size="ButtonSize.Small" Name="tickPlacement">
-                    <Items>
-                        <RadzenSelectBarItem Value="TickPlacement.Between" Text="Between" />
-                        <RadzenSelectBarItem Value="TickPlacement.On" Text="On" />
-                    </Items>
-                </RadzenSelectBar>
-            </RadzenStack>
             <RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0.5rem">
                 <RadzenLabel Text="Max Width" Component="maxWidth" />
                 <RadzenNumeric @bind-Value="@maxWidth" Min="0" Max="200" Step="10" Style="width: 90px" Name="maxWidth" />
@@ -61,7 +52,7 @@
                     <RadzenSeriesDataLabels Visible="@showDataLabels" Position="@labelPosition" />
                 </RadzenColumnSeries>
                 <RadzenColumnOptions Radius="5" MaxWidth="@(maxWidth > 0 ? maxWidth : null)" CategoryGap="@(categoryGap > 0 ? categoryGap : null)" />
-                <RadzenCategoryAxis TickPlacement="@tickPlacement" />
+                <RadzenCategoryAxis />
                 <RadzenValueAxis Formatter="@FormatAsUSD">
                     <RadzenGridLines Visible="true" />
                     <RadzenAxisTitle Text="Revenue in USD" />
@@ -111,7 +102,6 @@
     bool showDataLabels = false;
     DataLabelPosition labelPosition = DataLabelPosition.Auto;
     FillMode fillMode = FillMode.Gradient;
-    TickPlacement tickPlacement = TickPlacement.Between;
     double maxWidth = 0;
     double categoryGap = 0;
 
diff --git a/RadzenBlazorDemos/Pages/DonutChartBasic.razor b/RadzenBlazorDemos/Pages/DonutChartBasic.razor
index cc0fd48af..d9520db9a 100644
--- a/RadzenBlazorDemos/Pages/DonutChartBasic.razor
+++ b/RadzenBlazorDemos/Pages/DonutChartBasic.razor
@@ -2,7 +2,7 @@
     <RadzenStack Style="width: 100%; max-width: 600px;">
         <RadzenChart>
             <RadzenDonutSeries Data="@revenue" CategoryProperty="Category" ValueProperty="Value" Title="Revenue">
-                <RadzenSeriesDataLabels Visible="true" />
+                <RadzenSeriesDataLabels Visible="false" />
             </RadzenDonutSeries>
             <RadzenLegend Position="LegendPosition.Bottom" />
         </RadzenChart>
diff --git a/RadzenBlazorDemos/Pages/DonutChartCornerRadius.razor b/RadzenBlazorDemos/Pages/DonutChartCornerRadius.razor
index 46b6492d5..8921a3cc6 100644
--- a/RadzenBlazorDemos/Pages/DonutChartCornerRadius.razor
+++ b/RadzenBlazorDemos/Pages/DonutChartCornerRadius.razor
@@ -2,7 +2,7 @@
     <RadzenStack Style="width: 100%; max-width: 600px;">
         <RadzenChart>
             <RadzenDonutSeries Data="@revenue" CategoryProperty="Category" ValueProperty="Value" Title="Revenue" CornerRadius="10">
-                <RadzenSeriesDataLabels Visible="true" />
+                <RadzenSeriesDataLabels Visible="false" />
             </RadzenDonutSeries>
             <RadzenLegend Position="LegendPosition.Bottom" />
         </RadzenChart>
diff --git a/RadzenBlazorDemos/Pages/DonutChartCustomColors.razor b/RadzenBlazorDemos/Pages/DonutChartCustomColors.razor
index c612e7517..63f6237da 100644
--- a/RadzenBlazorDemos/Pages/DonutChartCustomColors.razor
+++ b/RadzenBlazorDemos/Pages/DonutChartCustomColors.razor
@@ -2,7 +2,7 @@
     <RadzenStack Style="width: 100%; max-width: 600px;">
         <RadzenChart>
             <RadzenDonutSeries Data="@revenue" CategoryProperty="Category" ValueProperty="Value" Title="Revenue" Fills="@palette" FillMode="FillMode.Solid">
-                <RadzenSeriesDataLabels Visible="true" />
+                <RadzenSeriesDataLabels Visible="false" />
             </RadzenDonutSeries>
             <RadzenLegend Position="LegendPosition.Bottom" />
         </RadzenChart>
diff --git a/RadzenBlazorDemos/Pages/DonutChartExplode.razor b/RadzenBlazorDemos/Pages/DonutChartExplode.razor
index 9c2083f32..ee91a7200 100644
--- a/RadzenBlazorDemos/Pages/DonutChartExplode.razor
+++ b/RadzenBlazorDemos/Pages/DonutChartExplode.razor
@@ -2,7 +2,7 @@
     <RadzenStack Style="width: 100%; max-width: 600px;">
         <RadzenChart>
             <RadzenDonutSeries FillMode="FillMode.Gradient" Data="@revenue" CategoryProperty="Category" ValueProperty="Value" Title="Revenue" ExplodeOffset="15" ExplodedProperty="Highlight">
-                <RadzenSeriesDataLabels Visible="true" />
+                <RadzenSeriesDataLabels Visible="false" />
             </RadzenDonutSeries>
             <RadzenLegend Position="LegendPosition.Bottom" />
         </RadzenChart>
diff --git a/RadzenBlazorDemos/Pages/DonutChartInnerRadius.razor b/RadzenBlazorDemos/Pages/DonutChartInnerRadius.razor
index a305d2f80..1735dcd93 100644
--- a/RadzenBlazorDemos/Pages/DonutChartInnerRadius.razor
+++ b/RadzenBlazorDemos/Pages/DonutChartInnerRadius.razor
@@ -2,7 +2,7 @@
     <RadzenStack Style="width: 100%; max-width: 600px;">
         <RadzenChart>
             <RadzenDonutSeries Data="@revenue" CategoryProperty="Category" ValueProperty="Value" Title="Revenue" InnerRadius="50">
-                <RadzenSeriesDataLabels Visible="true" />
+                <RadzenSeriesDataLabels Visible="false" />
             </RadzenDonutSeries>
             <RadzenLegend Position="LegendPosition.Bottom" />
         </RadzenChart>
diff --git a/RadzenBlazorDemos/Pages/DonutChartLabels.razor b/RadzenBlazorDemos/Pages/DonutChartLabels.razor
index ffa95e314..6dc509ae8 100644
--- a/RadzenBlazorDemos/Pages/DonutChartLabels.razor
+++ b/RadzenBlazorDemos/Pages/DonutChartLabels.razor
@@ -2,7 +2,7 @@
     <RadzenStack Style="width: 100%; max-width: 600px;">
         <RadzenChart>
             <RadzenDonutSeries Data="@revenue" CategoryProperty="Category" ValueProperty="Value" Title="Revenue" ShowTooltipOnLegend="true">
-                <RadzenSeriesDataLabels Visible="true" />
+                <RadzenSeriesDataLabels Visible="true" Position="DataLabelPosition.Inside" />
             </RadzenDonutSeries>
             <RadzenLegend Position="LegendPosition.Right" />
         </RadzenChart>
diff --git a/RadzenBlazorDemos/Pages/DonutChartSegmentGap.razor b/RadzenBlazorDemos/Pages/DonutChartSegmentGap.razor
index 1ddbd3dec..036238904 100644
--- a/RadzenBlazorDemos/Pages/DonutChartSegmentGap.razor
+++ b/RadzenBlazorDemos/Pages/DonutChartSegmentGap.razor
@@ -2,7 +2,7 @@
     <RadzenStack Style="width: 100%; max-width: 600px;">
         <RadzenChart>
             <RadzenDonutSeries FillMode="FillMode.Gradient" Data="@revenue" CategoryProperty="Category" ValueProperty="Value" Title="Revenue" SegmentGap="4">
-                <RadzenSeriesDataLabels Visible="true" />
+                <RadzenSeriesDataLabels Visible="false" />
             </RadzenDonutSeries>
             <RadzenLegend Position="LegendPosition.Bottom" />
         </RadzenChart>
diff --git a/RadzenBlazorDemos/Pages/DonutChartSemiCircle.razor b/RadzenBlazorDemos/Pages/DonutChartSemiCircle.razor
index cf064d613..cc549e454 100644
--- a/RadzenBlazorDemos/Pages/DonutChartSemiCircle.razor
+++ b/RadzenBlazorDemos/Pages/DonutChartSemiCircle.razor
@@ -2,7 +2,7 @@
     <RadzenStack Style="width: 100%; max-width: 600px;">
         <RadzenChart>
             <RadzenDonutSeries Data="@revenue" CategoryProperty="Category" ValueProperty="Value" Title="Revenue" StartAngle="180" TotalAngle="180">
-                <RadzenSeriesDataLabels Visible="true" />
+                <RadzenSeriesDataLabels Visible="false" />
             </RadzenDonutSeries>
             <RadzenLegend Position="LegendPosition.Bottom" />
         </RadzenChart>
diff --git a/RadzenBlazorDemos/Pages/DonutChartVariousRadius.razor b/RadzenBlazorDemos/Pages/DonutChartVariousRadius.razor
index 2ec0aadd6..08ab90859 100644
--- a/RadzenBlazorDemos/Pages/DonutChartVariousRadius.razor
+++ b/RadzenBlazorDemos/Pages/DonutChartVariousRadius.razor
@@ -2,7 +2,7 @@
     <RadzenStack Style="width: 100%; max-width: 600px;">
         <RadzenChart>
             <RadzenDonutSeries FillMode="FillMode.Gradient" Data="@revenue" CategoryProperty="Category" ValueProperty="Value" Title="Revenue" RadiusProperty="Radius">
-                <RadzenSeriesDataLabels Visible="true" />
+                <RadzenSeriesDataLabels Visible="false" />
             </RadzenDonutSeries>
             <RadzenLegend Position="LegendPosition.Bottom" />
         </RadzenChart>
diff --git a/RadzenBlazorDemos/Pages/PieChartBasic.razor b/RadzenBlazorDemos/Pages/PieChartBasic.razor
index 87edf8034..728795951 100644
--- a/RadzenBlazorDemos/Pages/PieChartBasic.razor
+++ b/RadzenBlazorDemos/Pages/PieChartBasic.razor
@@ -2,7 +2,7 @@
     <RadzenStack Style="width: 100%; max-width: 600px;">
         <RadzenChart>
             <RadzenPieSeries Data="@revenue" CategoryProperty="Category" ValueProperty="Value" Title="Revenue">
-                <RadzenSeriesDataLabels Visible="true" />
+                <RadzenSeriesDataLabels Visible="false" />
             </RadzenPieSeries>
             <RadzenLegend Position="LegendPosition.Bottom" />
         </RadzenChart>
diff --git a/RadzenBlazorDemos/Pages/PieChartCornerRadius.razor b/RadzenBlazorDemos/Pages/PieChartCornerRadius.razor
index 4db010493..202a5b74d 100644
--- a/RadzenBlazorDemos/Pages/PieChartCornerRadius.razor
+++ b/RadzenBlazorDemos/Pages/PieChartCornerRadius.razor
@@ -2,7 +2,7 @@
     <RadzenStack Style="width: 100%; max-width: 600px;">
         <RadzenChart>
             <RadzenPieSeries Data="@revenue" CategoryProperty="Category" ValueProperty="Value" Title="Revenue" CornerRadius="10">
-                <RadzenSeriesDataLabels Visible="true" />
+                <RadzenSeriesDataLabels Visible="false" />
             </RadzenPieSeries>
             <RadzenLegend Position="LegendPosition.Bottom" />
         </RadzenChart>
diff --git a/RadzenBlazorDemos/Pages/PieChartCustomColors.razor b/RadzenBlazorDemos/Pages/PieChartCustomColors.razor
index 803f572ad..8e936de42 100644
--- a/RadzenBlazorDemos/Pages/PieChartCustomColors.razor
+++ b/RadzenBlazorDemos/Pages/PieChartCustomColors.razor
@@ -2,7 +2,7 @@
     <RadzenStack Style="width: 100%; max-width: 600px;">
         <RadzenChart>
             <RadzenPieSeries Data="@revenue" CategoryProperty="Category" ValueProperty="Value" Title="Revenue" Fills="@palette" FillMode="FillMode.Solid">
-                <RadzenSeriesDataLabels Visible="true" />
+                <RadzenSeriesDataLabels Visible="false" />
             </RadzenPieSeries>
             <RadzenLegend Position="LegendPosition.Bottom" />
         </RadzenChart>
diff --git a/RadzenBlazorDemos/Pages/PieChartExplode.razor b/RadzenBlazorDemos/Pages/PieChartExplode.razor
index 03d72974b..dd9409262 100644
--- a/RadzenBlazorDemos/Pages/PieChartExplode.razor
+++ b/RadzenBlazorDemos/Pages/PieChartExplode.razor
@@ -2,7 +2,7 @@
     <RadzenStack Style="width: 100%; max-width: 600px;">
         <RadzenChart>
             <RadzenPieSeries FillMode="FillMode.Gradient" Data="@revenue" CategoryProperty="Category" ValueProperty="Value" Title="Revenue" ExplodeOffset="15" ExplodedProperty="Highlight">
-                <RadzenSeriesDataLabels Visible="true" />
+                <RadzenSeriesDataLabels Visible="false" />
             </RadzenPieSeries>
             <RadzenLegend Position="LegendPosition.Bottom" />
         </RadzenChart>
diff --git a/RadzenBlazorDemos/Pages/PieChartLabels.razor b/RadzenBlazorDemos/Pages/PieChartLabels.razor
index b5971ff7e..45400d638 100644
--- a/RadzenBlazorDemos/Pages/PieChartLabels.razor
+++ b/RadzenBlazorDemos/Pages/PieChartLabels.razor
@@ -2,7 +2,7 @@
     <RadzenStack Style="width: 100%; max-width: 600px;">
         <RadzenChart>
             <RadzenPieSeries Data="@revenue" CategoryProperty="Category" ValueProperty="Value" Title="Revenue" ShowTooltipOnLegend="true">
-                <RadzenSeriesDataLabels Visible="true" />
+                <RadzenSeriesDataLabels Visible="true" Position="DataLabelPosition.Inside" />
             </RadzenPieSeries>
             <RadzenLegend Position="LegendPosition.Right" />
         </RadzenChart>
diff --git a/RadzenBlazorDemos/Pages/PieChartSegmentGap.razor b/RadzenBlazorDemos/Pages/PieChartSegmentGap.razor
index 326d5897d..0cfa0b8e9 100644
--- a/RadzenBlazorDemos/Pages/PieChartSegmentGap.razor
+++ b/RadzenBlazorDemos/Pages/PieChartSegmentGap.razor
@@ -2,7 +2,7 @@
     <RadzenStack Style="width: 100%; max-width: 600px;">
         <RadzenChart>
             <RadzenPieSeries FillMode="FillMode.Gradient" Data="@revenue" CategoryProperty="Category" ValueProperty="Value" Title="Revenue" SegmentGap="4">
-                <RadzenSeriesDataLabels Visible="true" />
+                <RadzenSeriesDataLabels Visible="false" />
             </RadzenPieSeries>
             <RadzenLegend Position="LegendPosition.Bottom" />
         </RadzenChart>
diff --git a/RadzenBlazorDemos/Pages/PieChartSemiCircle.razor b/RadzenBlazorDemos/Pages/PieChartSemiCircle.razor
index bcbd059a8..4616b9a51 100644
--- a/RadzenBlazorDemos/Pages/PieChartSemiCircle.razor
+++ b/RadzenBlazorDemos/Pages/PieChartSemiCircle.razor
@@ -2,7 +2,7 @@
     <RadzenStack Style="width: 100%; max-width: 600px;">
         <RadzenChart>
             <RadzenPieSeries Data="@revenue" CategoryProperty="Category" ValueProperty="Value" Title="Revenue" StartAngle="180" TotalAngle="180">
-                <RadzenSeriesDataLabels Visible="true" />
+                <RadzenSeriesDataLabels Visible="false" />
             </RadzenPieSeries>
             <RadzenLegend Position="LegendPosition.Bottom" />
         </RadzenChart>
diff --git a/RadzenBlazorDemos/Pages/PieChartVariousRadius.razor b/RadzenBlazorDemos/Pages/PieChartVariousRadius.razor
index 693060b61..73a40d1d4 100644
--- a/RadzenBlazorDemos/Pages/PieChartVariousRadius.razor
+++ b/RadzenBlazorDemos/Pages/PieChartVariousRadius.razor
@@ -2,7 +2,7 @@
     <RadzenStack Style="width: 100%; max-width: 600px;">
         <RadzenChart>
             <RadzenPieSeries FillMode="FillMode.Gradient" Data="@revenue" CategoryProperty="Category" ValueProperty="Value" Title="Revenue" RadiusProperty="Radius">
-                <RadzenSeriesDataLabels Visible="true" />
+                <RadzenSeriesDataLabels Visible="false" />
             </RadzenPieSeries>
             <RadzenLegend Position="LegendPosition.Bottom" />
         </RadzenChart>