To Place Axis Header above Multi Level Labels

[Xamarin Hunter]

Is there anyway to place SfChart axis header above multi-level labels?  Like this:




And is it possible to show start end values of multi level labels?

Thanks for your responses.

[Muneesh Kumar G]

Hi Utemar, 

 

Greetings from Syncfusion.  

 

Query 1: Is there any way to place SfChart axis header above multi-level labels? 

 

We have analyzed your requirements, currently we don’t have direct support to achieve this requirement, but you can achieve this by setting axis header in 0th level multi-level labels and other labels in 1^st level labels as per the below code snippet.  

 

Code snippet 

 

<chart:NumericalAxis Minimum="0" Maximum="5" MultiLevelLabelsBorderType="WithoutTopAndBottomBorder"> 

                     

                    <chart:NumericalAxis.MultiLevelLabels> 

 

                        <chart:ChartMultiLevelLabel Start="0" End="5"  Text="X-Axis" /> 

                         

                        <chart:ChartMultiLevelLabel Start="0" End="1"  Text="Quarter 1" Level="1"/> 

 

                        <chart:ChartMultiLevelLabel Start="1" End="2" Text="Quarter 2" Level="1"/> 

 

                        <chart:ChartMultiLevelLabel Start="2" End="3" Text="Quarter 3" Level="1"/> 

 

                        <chart:ChartMultiLevelLabel Start="3" End="4" Text="Quarter 4" Level="1"/> 

                        <chart:ChartMultiLevelLabel Start="4" End="5" Text="Quarter 5" Level="1"/> 

 

                    </chart:NumericalAxis.MultiLevelLabels> 

                </chart:NumericalAxis> 

 

 

 

 

Query 2: Is it possible to show start end values of multi level labels? 

 

We have analyzed this requirement with our source, and we would like to inform you that we don’t have support for this requirement.  

 

Regards,
Muneesh Kumar G.   

[Xamarin Hunter]

Hi Utemar, 

 

Greetings from Syncfusion.  

 

Query 1: Is there any way to place SfChart axis header above multi-level labels? 

 

We have analyzed your requirements, currently we don’t have direct support to achieve this requirement, but you can achieve this by setting axis header in 0th level multi-level labels and other labels in 1^st level labels as per the below code snippet.  

 

Code snippet 

 

<chart:NumericalAxis Minimum="0" Maximum="5" MultiLevelLabelsBorderType="WithoutTopAndBottomBorder"> 

                     

                    <chart:NumericalAxis.MultiLevelLabels> 

 

                        <chart:ChartMultiLevelLabel Start="0" End="5"  Text="X-Axis" /> 

                         

                        <chart:ChartMultiLevelLabel Start="0" End="1"  Text="Quarter 1" Level="1"/> 

 

                        <chart:ChartMultiLevelLabel Start="1" End="2" Text="Quarter 2" Level="1"/> 

 

                        <chart:ChartMultiLevelLabel Start="2" End="3" Text="Quarter 3" Level="1"/> 

 

                        <chart:ChartMultiLevelLabel Start="3" End="4" Text="Quarter 4" Level="1"/> 

                        <chart:ChartMultiLevelLabel Start="4" End="5" Text="Quarter 5" Level="1"/> 

 

                    </chart:NumericalAxis.MultiLevelLabels> 

                </chart:NumericalAxis> 

 

 

 

 

Query 2: Is it possible to show start end values of multi level labels? 

 

We have analyzed this requirement with our source, and we would like to inform you that we don’t have support for this requirement.  

 

Regards,
Muneesh Kumar G.   

Great solution. In addition, I want to ask one more question.

Is it possible to set the same process on chart series legend checkbox and chart header? In other words, can chart series legend checkbox be placed above the chart header? 

[Muneesh Kumar G]

Hi Utemar,   

 

We have analyzed your requirement and you can achieve by customizing SfChart’s Header and Legend position as per the below code snippet.  

 

Code snippet 

 

<chart:SfChart  Grid.Row="1"  x:Name="chart"  > 

            

            <chart:SfChart.Header> 

                <TextBlock Text="SfChart" Margin="0,50,0,-30"/> 

            </chart:SfChart.Header> 

           

            <chart:SfChart.Legend> 

                <chart:ChartLegend Margin="0,-30,0,40"/> 

            </chart:SfChart.Legend> 

.. 

 

 

 

 

Please let us know if you have any other queries.  

 

Regards,  

Muneesh Kumar G.  

 

[Xamarin Hunter]

Hi Utemar,   

 

We have analyzed your requirement and you can achieve by customizing SfChart’s Header and Legend position as per the below code snippet.  

 

Code snippet 

 

<chart:SfChart  Grid.Row="1"  x:Name="chart"  > 

            

            <chart:SfChart.Header> 

                <TextBlock Text="SfChart" Margin="0,50,0,-30"/> 

            </chart:SfChart.Header> 

           

            <chart:SfChart.Legend> 

                <chart:ChartLegend Margin="0,-30,0,40"/> 

            </chart:SfChart.Legend> 

.. 

 

 

 

 

Please let us know if you have any other queries.  

 

Regards,  

Muneesh Kumar G.  

 

The great solution again. Lastly, which Syncfusion class can be used for determining the height of multi-level labels?

[Muneesh Kumar G]

Hi Utemar, 

 

We have analyzed your requirement and we don’t have direct support to increase the multi-level labels in axis.  

 

However, you can increase the multi-level labels height by increasing labels font size as per the below code snippet.  

 

Code snippet 

 

<chart:NumericalAxis.MultiLevelLabels> 

 

       <chart:ChartMultiLevelLabel Start="0" End="5" FontSize="28" Text="X-Axis"/> 

 

   .. 

 

 

Please let us know if you have any other queries.
  

Thanks,   

Muneesh Kumar G.