How can I hide an axis?

1 min read

Description

In some cases the axis size can make the plot area smaller, especially on phones. This article describes how to remove axis from the SfChart to have a clear view on plot.

Solution

The chart axis is hidden by setting the Visibility property of the axis to “Collapsed”.

The Visibility property of the primary axis is set “Collapsed” by using XAML.

XAML

<syncfusion:SfChart.PrimaryAxis >
        <syncfusion:CategoryAxis Header="Product" Visibility="Collapsed"/>
  </syncfusion:SfChart.PrimaryAxis>

The Visibility property of the primary axis is set “Collapsed” by using code behind.

this.axisChart.PrimaryAxis.Visibility = Visibility.Collapsed;

The following screenshot illustrates the output for the hidden primary axis.

$F:\Issue Files Chart\Issue File -10 Knowledge Base\WP_ScreenShot\New Second TIme\wp_ss_20150210_0022.png$