Segment Spacing in WinUI Chart (SfFunnelChart)

2 Jan 20251 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;