We need to remove the top x axis line. But we need the x axis label.

We used primary x axis which type is category axis and we provided the below properties.

CategoryAxis
visibleMinimum: oldAxisVisibleMin, visibleMaximum: oldAxisVisibleMax, majorGridLines: const MajorGridLines( width: 1, color: AppColors.white, ), majorTickLines: const MajorTickLines( width: 2, color: AppColors.white, ), labelStyle
labelStyle: const TextStyle( fontSize: 10, fontFamily: 'Lato', fontWeight: FontWeight.w400, color: AppColors.black), labelPosition: ChartDataLabelPosition.outside, edgeLabelPlacement: EdgeLabelPlacement.none, labelAlignment: LabelAlignment.center, labelPlacement: LabelPlacem


We have used the above properties and facing the grey line issue.Please suggest us some solution.

Attachment: Sc1_725cbb9d.zip

1 Reply

YG Yuvaraj Gajaraj Syncfusion Team January 28, 2022 05:01 PM UTC

Hi Vikram, 
 
Greetings from Syncfusion. We have analyzed your query and to remove the grey line in the top of the chart, we suggest you to set the plotAreaBorderWidth property to zero in the SfCartesianChart. Then it will not render grey line at top of the chart, we have attached the code snippet below for your reference.  
 
Code snippet: 
SfCartesianChart( 
  plotAreaBorderWidth: 0, 
  //Other required information. 
) 
 
We hope it will help you to achieve your requirement. 
 
Regards, 
Yuvaraj. 


Loader.
Up arrow icon