Segment Spacing in WinUI Chart (SfFunnelChart)

6 May 20261 minute to read

The gap between each segment in the funnel chart can be set using the GapRatio property. The default value of GapRatio property property is 0 and its value ranges from 0 to 1.

XAML

<chart:SfFunnelChart 
     x:Name="chart"
     ItemsSource="{Binding Data}" 
     XBindingPath="Category" 
     YBindingPath="Value" 
     GapRatio="0.5">
 </chart:SfFunnelChart>

C#

SfFunnelChart chart = new SfFunnelChart();

chart.SetBinding(SfFunnelChart.ItemsSourceProperty, new Binding() 
{ 
    Path = new PropertyPath("Data")
});

chart.XBindingPath = "Category";
chart.YBindingPath = "Value";
chart.GapRatio = 0.5;

. . . 

this.Content = chart;