2X faster development
The ultimate UWP UI toolkit to boost your development speed.
Description: This article describes how to add space between multiple series segments that share the same data point and the same x-axis. Solution: The spacing between multiple series segments can be achieved using the SegmentSpacing property of the series. The following code example demonstrates this. XAML <syncfusion:ColumnSeries Label="ColumnSeries1" ItemsSource="{Binding Computers}" XBindingPath="Computer" YBindingPath="Year2013" <!—Sets the SegmentSpacing--> SegmentSpacing="0.5"/> <syncfusion:ColumnSeries Label="ColumnSeries2" ItemsSource="{Binding Computers}" XBindingPath="Computer" YBindingPath="Year2014" SegmentSpacing="0.5" /> C# (sampleChart.Series[0] as ColumnSeries).SegmentSpacing = 0.5; (sampleChart.Series[1] as ColumnSeries).SegmentSpacing = 0.5; The following screenshot illustrates the spacing applied between the segments of the same data point. OutputFigure 1: SfChart with multiple ColumnSeries segments spaced at the same point. |
2X faster development
The ultimate UWP UI toolkit to boost your development speed.
This page will automatically be redirected to the sign-in page in 10 seconds.