commit

Author: EzhilarasanElangovan31

MAUI/Release-notes/v30.1.37.md

@@ -9,9 +9,9 @@ documentation: ug
 
 # Drill Down in .NET MAUI Sunburst Chart
 
-The drill-down provides better visualization of hierarchy. Large set of data can be virtualized into minimal views. Each level of the segments can be drilled down. The sunburst chart provides animation along with the drill-down support. Double tapping the segment performs the drill-down operation. Toolbar will be enabled on drill-down that helps in performing zoom back and reset operations. 
+The drill-down provides better visualization of hierarchy. Large set of data can be virtualized into minimal views. Each level of the segments can be drilled down. The Sunburst Chart provides animation along with the drill-down support. Double tapping the segment performs the drill-down operation. Toolbar will be enabled on drill-down that helps in performing zoom back and reset operations. 
 
-To enable this feature, set the `EnableDrillDown` property to true:
+To enable this feature, set the `EnableDrillDown` property to true in SfSunburstChart.
 
 {% tabs %}
 
@@ -26,26 +26,33 @@ To enable this feature, set the `EnableDrillDown` property to true:
 {% highlight c# %}
 
 SfSunburstChart sunburst = new SfSunburstChart();
-sunburst.ShowLabels = true;
+sunburst.EnableDrillDown = true;
 . . .
 this.Content = sunburst;
 
 {% endhighlight %}
 
 {% endtabs %}
 
-## Positioning Toolbar
+## Toolbar alignment
 
-The toolbar's position within the Sunburst Chart can be adjusted both horizontally and vertically using the `OffsetX` and `OffsetY` properties of the `SunburstToolbarSettings` class.
+The vertical and the horizontal alignments of the toolbar can be customized using the `VerticalAlignment` and `HorizontalAlignment` properties, respectively.
+
+Both the alignment properties has the following enum types:
+
+* Start: Aligns the toolbar to the top (for vertical) or left (for horizontal) of the chart plot area.
+* Center: Aligns the toolbar to the center of the chart plot area, either vertically or horizontally.
+* End: Aligns the toolbar to the bottom (for vertical) or right (for horizontal) of the chart plot area.
 
 {% tabs %}
 
 {% highlight xml %}
 
 <sunburst:SfSunburstChart EnableDrillDown="True">
     . . .
-    <chart:SfSunburstChart.ToolbarSettings >
-        <chart:SunburstDrillDownToolbarSettings OffsetY="100" OffsetX="50"/>
+    <chart:SfSunburstChart.ToolbarSettings>
+        <chart:SunburstDrillDownToolbarSettings HorizontalAlignment="Center" 
+                                                VerticalAlignment="Center"/>
     </chart:SfSunburstChart.ToolbarSettings>
 </sunburst:SfSunburstChart>
 
@@ -54,12 +61,12 @@ The toolbar's position within the Sunburst Chart can be adjusted both horizontal
 {% highlight c# %}
 
 SfSunburstChart sunburst = new SfSunburstChart();
-sunburst.ShowLabels = true;
+sunburst.EnableDrillDown = true;
 . . .
 SunburstDrillDownToolbarSettings toolbarSettings = new SunburstDrillDownToolbarSettings()
 {
-    OffsetX = 100,
-    OffsetY = 50,
+    HorizontalAlignment = SunburstToolbarAlignment.Center,
+    VerticalAlignment = SunburstToolbarAlignment.Center,
 };
 sunburst.ToolbarSettings = toolbarSettings;
 this.Content = sunburst;
@@ -68,15 +75,12 @@ this.Content = sunburst;
 
 {% endtabs %}
 
-## Toolbar alignment
-
-The vertical and the horizontal alignments of the toolbar can be customized using the `VerticalAlignment` and `HorizontalAlignment` properties, respectively.
+## Toolbar customization  
 
-Both the alignment properties has the following enum types:
+The appearance of the drill-down toolbar in the Sunburst Chart can be customized using the following properties
 
-* Center: Toolbar takes the specified offset value as the center of the toolbar and get positioned.
-* End: Toolbar takes the specified offset value as the start of the toolbar and get positioned.
-* Start: Toolbar takes the specified offset value as the end of the toolbar and get positioned.
+* `IconBrush`: Gets or sets the brush used to style the icons within the drill-down toolbar.
+* `Background`: Gets or sets the background brush of the drill-down toolbar.
 
 {% tabs %}
 
@@ -85,8 +89,7 @@ Both the alignment properties has the following enum types:
 <sunburst:SfSunburstChart EnableDrillDown="True">
     . . .
     <chart:SfSunburstChart.ToolbarSettings>
-        <chart:SunburstDrillDownToolbarSettings HorizontalAlignment="Center" 
-                                                VerticalAlignment="Center"/>
+        <chart:SunburstDrillDownToolbarSettings IconBrush="White" Background="#2989F9"/>
     </chart:SfSunburstChart.ToolbarSettings>
 </sunburst:SfSunburstChart>
 
@@ -95,12 +98,12 @@ Both the alignment properties has the following enum types:
 {% highlight c# %}
 
 SfSunburstChart sunburst = new SfSunburstChart();
-sunburst.ShowLabels = true;
+sunburst.EnableDrillDown = true;
 . . .
 SunburstDrillDownToolbarSettings toolbarSettings = new SunburstDrillDownToolbarSettings()
 {
-    HorizontalAlignment = SunburstToolbarAlignment.Center,
-    VerticalAlignment = SunburstToolbarAlignment.Center,
+    IconBrush = Colors.White,
+    ackground = new SolidColorBrush(Color.FromArgb("#2989F9")),
 };
 sunburst.ToolbarSettings = toolbarSettings;
 this.Content = sunburst;
@@ -109,21 +112,18 @@ this.Content = sunburst;
 
 {% endtabs %}
 
-## Toolbar customization  
-
-The appearance of the drill-down toolbar in the Sunburst Chart can be customized using the following properties
+## Toolbar Positioning
 
-* `IconBrush`: Gets or sets the brush used to style the icons within the drill-down toolbar.
-* `Background`: Gets or sets the background brush of the drill-down toolbar.
+The toolbar's position within the Sunburst Chart can be adjusted both horizontally and vertically using the `OffsetX` and `OffsetY` properties of the `SunburstToolbarSettings` class.
 
 {% tabs %}
 
 {% highlight xml %}
 
 <sunburst:SfSunburstChart EnableDrillDown="True">
     . . .
-    <chart:SfSunburstChart.ToolbarSettings>
-        <chart:SunburstDrillDownToolbarSettings IconBrush="White" Background="#2989F9"/>
+    <chart:SfSunburstChart.ToolbarSettings >
+        <chart:SunburstDrillDownToolbarSettings OffsetY="100" OffsetX="50"/>
     </chart:SfSunburstChart.ToolbarSettings>
 </sunburst:SfSunburstChart>
 
@@ -132,12 +132,12 @@ The appearance of the drill-down toolbar in the Sunburst Chart can be customized
 {% highlight c# %}
 
 SfSunburstChart sunburst = new SfSunburstChart();
-sunburst.ShowLabels = true;
+sunburst.EnableDrillDown = true;
 . . .
 SunburstDrillDownToolbarSettings toolbarSettings = new SunburstDrillDownToolbarSettings()
 {
-    IconBrush = Colors.Wheat,
-    ackground = new SolidColorBrush(Color.FromArgb("#2989F9")),
+    OffsetX = 100,
+    OffsetY = 50,
 };
 sunburst.ToolbarSettings = toolbarSettings;
 this.Content = sunburst;