Remove Background cross Axis Line ???

[Arvind Mewada]

Hello .

Please reply me as soon as possible 

how to remove background cross axis line.

thanks so much.

[Dharanidharan Dharmasivam]

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]

Thanks so much.

[Dharanidharan Dharmasivam]

Hi Arvind, 

 

Most welcome. Kindly revert us if you need further assistance. We are always happy in assisting you. 

 

Thanks, 

Dharani. 

[Atharv Mukane]

using these lines of code the axes still wont hide.

[Dharanitharan Palanisamy]

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 0 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 

[muslikhul adib]

 

how to hide or remove the number beside that how?

[Yuvaraj Gajaraj]

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.