Mulit axis fixable position chart

Hello,

I'm testing syncfusion maui library for sensor data visualization. I was able to add multiple series but not sure how to place the x-axis to be on the left while the y axis on the bottom. Attached sample chart I'm trying to replicate. 

https://bardasz.com/media/solutions/01-A-Real-TimeVisualization.png 

Thanks 


1 Reply

AJ Arul Jenith Berkmans Syncfusion Team November 11, 2024 10:36 AM UTC

Hi Bader AL,


We have reviewed your query, and we would like to inform you that you can position the X-axis on the left side and the Y-axis at the bottom of the chart by setting the IsTransposed property of the chart to True.


Here is a simple code snippet:


<chart:SfCartesianChart IsTransposed="True">

 

    <chart:SfCartesianChart.XAxes>

        <chart:CategoryAxis/>

    </chart:SfCartesianChart.XAxes>

 

    <chart:SfCartesianChart.YAxes>

        <chart:NumericalAxis/>

    </chart:SfCartesianChart.YAxes>  

 

    <chart:ColumnSeries ItemsSource="{Binding Data}"

                        XBindingPath="XValue"

                        YBindingPath="YValue"/>

 

</chart:SfCartesianChart>


For more details, please refer to following documentation:

API reference: Class SfCartesianChart - MAUI API Reference | Syncfusion

UG: Axis types in .NET MAUI Chart control | Syncfusion


Hopes, this helps you! Thank you for your understanding.


Regards,

Arul Jenith B.


Loader.
Up arrow icon