We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Remove Background cross Axis Line ???

Hello .
Please reply me as soon as possible 
how to remove background cross axis line.

thanks so much.

7 Replies

DD Dharanidharan Dharmasivam Syncfusion Team October 22, 2019 06:30 AM

Hi Arvind, 
 
Thanks for using the Syncfusion Flutter chart widget. Your requirement can be achieved by hiding the major gridlines of the axis. You can find the below code to hide the background lines, 
 
 
 SfCartesianChart( 
 
                primaryXAxis: NumericAxis( 
                    //Hide the gridlines of x-axis 
                    majorGridLines: MajorGridLines(width: 0), 
                    //Hide the axis line of x-axis 
                    axisLine: AxisLine(width: 0), 
                ), 
 
                primaryYAxis: NumericAxis( 
                    //Hide the gridlines of y-axis 
                    majorGridLines: MajorGridLines(width: 0), 
                    //Hide the axis line of y-axis 
                    axisLine: AxisLine(width: 0) 
               ), 
 
  ) 
 
 
We have also prepared a sample for your reference and you can find our user guide here. 
 
Hope this helps. 
 
Thanks, 
Dharani. 



AM Arvind Mewada October 22, 2019 06:46 AM

Thanks so much.


DD Dharanidharan Dharmasivam Syncfusion Team October 23, 2019 01:49 AM

Hi Arvind, 
 
Most welcome. Kindly revert us if you need further assistance. We are always happy in assisting you. 
 
Thanks, 
Dharani. 



AM Atharv Mukane March 22, 2021 11:37 AM

using these lines of code the axes still wont hide.



DP Dharanitharan Palanisamy Syncfusion Team March 22, 2021 10:10 PM

Hi Atharv, 
 
We have analyzed your scenario and we would like to tell you that the visible line is the plot area border. You can hide this by giving plotAreaBorderWidth as in the chart. Here, we attached the screenshot by giving plotAreaBorderWidth as 0, and please make use of it. If you want to hide the axis, tick lines, and axis labels then you can disable isVisible property in the respective axis. For, more information refers to the help document. 
 
Screenshot 
 
 
Please revert us if you have further concerns on this with more information will help to resolve your problem as soon as possible. 
 
Thanks, 
Dharanitharan. P 



MA muslikhul adib December 27, 2021 06:56 AM

hide measure fn.jpg 


how to hide or remove the number beside that how?



YG Yuvaraj Gajaraj Syncfusion Team December 28, 2021 03:53 AM

Hi muslikhul adib, 
 
Greetings from Syncfusion. We have analyzed your query and we would like to let you know that in axis it has the labelStyle property to customize the text style of the axis label. Here you can set the font size as 0 then the axis label did not render. If you don’t want to render a tick line and grid line of the y axis you can simply set the isVisible property of the axis to false, then you can achieve your requirement. We have also attached the code snippet below for your reference. 
 
Code snippet: 
primaryYAxis: NumericAxis( 
    //to hide whole axis 
    isVisible: false, 
    // To hide the axis label alone 
    labelStyle: const TextStyle(fontSize: 0)), 
 
 
Regards, 
Yuvaraj. 


Loader.
Live Chat Icon For mobile
Up arrow icon