Avoid rendering of tick near the maximum

Hello,

We have an app that uses SfCharts, and we noticed that when are using the minimum and maximum values for the DateTimeAxis, we have ticks being rendered near the end date, and sometimes this leads to confusion in the chart interpretation. Is there a way to avoid the rendering of ticks too near the Maximum/Minimum?

Screen-Shot-2022-03-01-at-11.51.08.png


Best regards.


4 Replies 1 reply marked as answer

LO Louis March 1, 2022 09:05 PM UTC

I have the same issue. I'm following.



YP Yuvaraj Palanisamy Syncfusion Team March 2, 2022 05:12 PM UTC

Hi Wanft & Louis, 
 
We have checked the reported query and the chart axis label was hidden when the axis labels are intersected with each other, but the tick and gridlines are rendered by default. This is the current behavior of SfChart.  
 
Hence, we would like to suggest that to resolve this by setting of EdgeLabelVisibilityMode property to Default and you can show the axis label based on the interval and it does not show edge labels in the scenario. Please find the code example below. 
 
CodeSnippet: 
<chart:SfChart.PrimaryAxis> 
    <chart:DateTimeAxis EdgeLabelsDrawingMode="Shift"  
                        EdgeLabelsVisibilityMode="Default"> 
        <chart:DateTimeAxis.LabelStyle> 
            <chart:ChartAxisLabelStyle LabelFormat="MMM-dd"/> 
        </chart:DateTimeAxis.LabelStyle> 
    </chart:DateTimeAxis> 
</chart:SfChart.PrimaryAxis> 
 
Output: 
 
 
Please let us know, if you have any further assistance. 
 
Regards, 
Yuvaraj.

Marked as answer

WA Wanft March 3, 2022 12:22 AM UTC

Ty for the answer, it is not ideal but we will have to cope with it for now.



YP Yuvaraj Palanisamy Syncfusion Team March 3, 2022 09:51 AM UTC

Hi Wanft, 
 
Thanks for your update. Please contact us if you require any additional assistance. 
 
Regards, 
Yuvaraj. 


Loader.
Up arrow icon