Merge pull request #3840 from Mugunthan-Ramalingam/MAUI-994016-funnel-pyramid-UG

MAUI-996725 - Added user guide for Horizontal orientation support in Funnel and Pyramid Chart

Author: Saravanan-Madhesh

MAUI/Funnel-Charts/Orientation.md

@@ -0,0 +1,34 @@
+---
+layout: post
+title: Orientation in .NET MAUI Funnel Chart control (Syncfusion)
+description: Learn how to change the rendering direction of segments in .NET MAUI Funnel Chart (SfFunnelChart) using the Orientation property.
+control: SfFunnelChart
+documentation: ug
+---
+
+# Orientation in .NET MAUI Funnel Chart
+
+The rendering direction of the funnel chart can be changed using the [Orientation]() property. The default value of this property is Vertical, which arranges segments from top to bottom, and it can be set to Horizontal to render segments from left to right.
+
+{% tabs %}
+
+{% highlight xml %}
+
+<chart:SfFunnelChart Orientation="Horizontal">
+. . .
+</chart:SfFunnelChart>
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+SfFunnelChart chart = new SfFunnelChart();
+. . .
+chart.Orientation = Horizontal;
+this.Content = chart;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+![Orientation in MAUI Chart](Orientation_images/MAUI_orientation_chart.png)

MAUI/Funnel-Charts/Orientation_images/MAUI_orientation_chart.png

@@ -0,0 +1,34 @@
+---
+layout: post
+title: Orientation in .NET MAUI Pyramid Chart control (Syncfusion)
+description: Learn how to change the rendering direction of segments in .NET MAUI Pyramid Chart (SfPyramidChart) using the Orientation property.
+control: SfPyramidChart
+documentation: ug
+---
+
+# Orientation in .NET MAUI Pyramid Chart
+
+The rendering direction of the pyramid chart can be changed using the [Orientation]() property. The default value of this property is Vertical, which arranges segments from top to bottom, and it can be set to Horizontal to render segments from left to right.
+
+{% tabs %}
+
+{% highlight xml %}
+
+<chart:SfPyramidChart Orientation="Horizontal">
+. . .
+</chart:SfPyramidChart>
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+SfPyramidChart chart = new SfPyramidChart();
+. . .
+chart.Orientation = Horizontal;
+this.Content = chart;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+![Orientation in MAUI Chart](Orientation_images/MAUI_orientation_chart.png)

MAUI/Pyramid-Charts/Orientation.md

@@ -765,6 +765,7 @@
             <li><a href="/maui/funnel-charts/datalabels">Data Label</a></li>
             <li><a href="/maui/funnel-charts/Legend">Legend</a></li>
             <li><a href="/maui/funnel-charts/tooltip">Tooltip</a></li>
+            <li><a href="/maui/funnel-charts/orientation">Orientation</a></li>
             <li><a href="/maui/funnel-charts/exporting">Exporting</a></li>
         </ul>
     </li>
@@ -1058,6 +1059,7 @@
             <li><a href="/maui/pyramid-charts/datalabels">Data Label</a></li>
             <li><a href="/maui/pyramid-charts/Legend">Legend</a></li>
             <li><a href="/maui/pyramid-charts/tooltip">Tooltip</a></li>
+            <li><a href="/maui/pyramid-charts/orientation">Orientation</a></li>
             <li><a href="/maui/pyramid-charts/exporting">Exporting</a></li>
         </ul>
     </li>