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
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Remove Background cross Axis Line ???

Thread ID:

Created:

Updated:

Platform:

Replies:

148493 Oct 22,2019 01:56 PM UTC Mar 23,2021 06:10 AM UTC Flutter 5
loading
Tags: SfCartesianChart
Arvind Mewada
Asked On October 22, 2019 01:56 PM UTC

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

thanks so much.

Dharanidharan Dharmasivam [Syncfusion]
Replied On October 22, 2019 02:30 PM UTC

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. 


Arvind Mewada
Replied On October 22, 2019 02:46 PM UTC

Thanks so much.

Dharanidharan Dharmasivam [Syncfusion]
Replied On October 23, 2019 09:49 AM UTC

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


Atharv Mukane
Replied On March 22, 2021 07:37 PM UTC

using these lines of code the axes still wont hide.


Dharanitharan Palanisamy [Syncfusion]
Replied On March 23, 2021 06:10 AM UTC

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 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon