Move x axis without moving points

[Jorge Valenzuela]

Hi there, Sync team!

Is it possible to move (add margin) to the labels without moving the points?

[Yuvaraj Palanisamy]

Hi Jorge Valenzuela, 

 

Greetings from Syncfusion. 

 

We have achieved your requirement “To move the axis label without points” by setting of EdgeLabelDrawingMode  exact Interval and IntervalType of DateTimeAxis. Please find the following code snippet for your reference.  

 

Code Snippet: 

[Xaml] 

<chart:SfChart.PrimaryAxis> 

    <local:ChartAxisExt x:Name="XAxis"  

                        EdgeLabelsDrawingMode="Shift"  

                        EdgeLabelsVisibilityMode="AlwaysVisible"> 

        <chart:DateTimeAxis.LabelStyle > 

            <chart:ChartAxisLabelStyle LabelFormat="hh:mm tt"> 

            </chart:ChartAxisLabelStyle> 

        </chart:DateTimeAxis.LabelStyle> 

    </local:ChartAxisExt> 

</chart:SfChart.PrimaryAxis> 

 

[C#] 

private void ChartControl_SeriesRendered(object sender, EventArgs e) 

 { 

     var min = (ChartControl.PrimaryAxis as DateTimeAxis).VisibleMinimum; 

     var max = (ChartControl.PrimaryAxis as DateTimeAxis).VisibleMaximum; 

 

     var range = max - min; 

     var visibleLabelRange = range / 3;   //Label count (4 - 1)= 3 

     DateTime baseDate = new DateTime(1899, 12, 30); 

 

     var intervalRange = min + visibleLabelRange; 

     var intervalDate = baseDate.AddDays(intervalRange); 

     var minimumDate = baseDate.AddDays(min); 

     var d = intervalDate.Subtract(minimumDate); 

     XAxis.Interval = (d.Minutes * 60) + d.Seconds; 

     XAxis.IntervalType = DateTimeIntervalType.Seconds; 

 } 

 

Also, we have attached the sample, please find the sample from the below link. 

 

Sample: https://www.syncfusion.com/downloads/support/forum/161342/ze/SimpleSample-1813974507  

  

Output: 

 

 

Regards, 

Yuvaraj. 

[Jorge Valenzuela]

Thank you very much, that worked for me :)

[Yuvaraj Palanisamy]

Hi Jorge Valenzuela, 

 

Thanks for your update. 

 

Regards, 

Yuvaraj