)
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. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to increase or decrease the width of Column series?

Platform: Xamarin.Forms |
Control: SfChart |
Published Date: June 1, 2015 |
Last Revised Date: June 27, 2019

Essential chart for Xamarin.Forms has support to increase or decrease the width of the column series segments. Column series contains the Spacing property that allows you to change the width of the column series segments.

The default value of the Spacing property is 0.2; the segment’s width is inversely proportional to the value of Spacing property. When the value of the Spacing property is increased, the gap between the adjacent columns is also increased, and the column’s width is decreased, and vice-versa. The following code example illustrates how to use the Spacing property.

XAML

<chart:SfChart.Series>
    <chart:ColumnSeries Spacing="0.6" ItemsSource = "{Binding Data}"/>
</chart:SfChart.Series>

C#

chart.Series = new ChartSeriesCollection
{
  new ColumnSeries()
  {
     ItemsSource = GetCategoryData(),
     Spacing = 0.6  
  }
};

The following screenshot displays the column series with spacing value 0.6.

 

Output

Chart column series with spacing applied between the column segments in Xamarin.Forms

Figure 1: Column series with spacing value 0.6.

2X faster development

The ultimate Xamarin UI toolkit to boost your development speed.
ADD COMMENT
You must log in to leave a comment

Please sign in to access our KB

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

Up arrow icon

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